/*****************************************/

/************* COLOR SCHEMES *************/

/*****************************************/

@import url(font-1.css?family=Roboto:400,100,900italic,700italic,900,700,500italic,500,400italic,300italic,300,100italic&subset=latin,latin-ext);

@import url(font-2.css?family=Open+Sans+Condensed:700&subset=latin,latin-ext);

body {

  /************************************/

  /************* BROWNISH *************/

  /************************************/

  /*************************************/

  /************* DARK GREY *************/

  /*************************************/

  /**************************************/

  /************* LIGHT GREY *************/

  /**************************************/

  /********************************/

  /************* CYAN *************/

  /********************************/

  /*******************************/

  /************* RED *************/

  /*******************************/

  /*********************************/

  /************* GREEN *************/

  /*********************************/

  /**********************************/

  /************* ORANGE *************/

  /**********************************/

  /************************************/

  /************* AMETHYST *************/

  /************************************/ }

  body.brownish-scheme {

    color: #7d7264;

    /* navbar */

    /* content */

    /* tiles */

    /* breadcrumbs */

    /* submenu */

    /* placeholders */ }

    body.brownish-scheme .navbar a,

    body.brownish-scheme .submenu a,

    body.brownish-scheme .breadcrumbs a {

      color: #7d7264; }

      body.brownish-scheme .navbar a:hover,

      body.brownish-scheme .submenu a:hover,

      body.brownish-scheme .breadcrumbs a:hover {

        color: #61584d;

        text-decoration: none; }

    body.brownish-scheme .divider {

      background: none repeat scroll 0 0 rgba(0, 0, 0, 0.48); }

    body.brownish-scheme .navbar-default {

      background-color: #f1e8dc;

      /*sidebar*/ }

      body.brownish-scheme .navbar-default .navbar-header {

        background-color: #d6d2cc; }

      body.brownish-scheme .navbar-default .navbar-brand {

        color: #7d7264;

        background: url(../images/minoral-logo.png) no-repeat 0 23px; }

        body.brownish-scheme .navbar-default .navbar-brand:hover {

          color: #61584d; }

      body.brownish-scheme .navbar-default .sidebar-collapse a i {

        color: #7d7264; }

      body.brownish-scheme .navbar-default .sidebar-collapse a:hover i {

        color: #61584d; }

      body.brownish-scheme .navbar-default .search > input {

        background-color: rgba(125, 114, 100, 0.2);

        color: #7d7264; }

        body.brownish-scheme .navbar-default .search > input:focus {

          background-color: rgba(125, 114, 100, 0.35); }

      body.brownish-scheme .navbar-default .navbar-nav > li.quick-action > a {

        background-color: rgba(125, 114, 100, 0.2); }

      body.brownish-scheme .navbar-default .navbar-nav > li > a {

        color: #7d7264; }

      body.brownish-scheme .navbar-default .navbar-nav > li.divided > .divider {

        background: none repeat scroll 0 0 rgba(0, 0, 0, 0.25); }

      body.brownish-scheme .navbar-default .navbar-nav > li > a:hover {

        color: #61584d;

        background-color: rgba(125, 114, 100, 0.02); }

      body.brownish-scheme .navbar-default .navbar-nav > .active > a,

      body.brownish-scheme .navbar-default .navbar-nav > .active > a:hover,

      body.brownish-scheme .navbar-default .navbar-nav > .active > a:focus {

        color: #61584d;

        background-color: rgba(125, 114, 100, 0.07); }

      body.brownish-scheme .navbar-default .navbar-nav > .open > a,

      body.brownish-scheme .navbar-default .navbar-nav > .open > a:hover,

      body.brownish-scheme .navbar-default .navbar-nav > .open > a:focus {

        color: #7d7264;

        background-color: rgba(125, 114, 100, 0.07); }

      body.brownish-scheme .navbar-default .navbar-nav > .open > .dropdown-menu > .open > a,

      body.brownish-scheme .navbar-default .navbar-nav > .open > .dropdown-menu > .open > a:hover,

      body.brownish-scheme .navbar-default .navbar-nav > .open > .dropdown-menu > .open > a:focus {

        color: #7d7264;

        background-color: rgba(125, 114, 100, 0.1); }

        body.brownish-scheme .navbar-default .navbar-nav > .open > .dropdown-menu > .open > a i,

        body.brownish-scheme .navbar-default .navbar-nav > .open > .dropdown-menu > .open > a:hover i,

        body.brownish-scheme .navbar-default .navbar-nav > .open > .dropdown-menu > .open > a:focus i {

          color: white; }

      body.brownish-scheme .navbar-default .navbar-nav > .open > .dropdown-menu > .open > .dropdown-menu > .active > a i,

      body.brownish-scheme .navbar-default .navbar-nav > .open > .dropdown-menu > .open > .dropdown-menu > .active > a:hover i,

      body.brownish-scheme .navbar-default .navbar-nav > .open > .dropdown-menu > .open > .dropdown-menu > .active > a:focus i {

        color: #7d7264; }

      body.brownish-scheme .navbar-default .side-nav {

        background-color: #fbf9f5; }

        body.brownish-scheme .navbar-default .side-nav > li > a,

        body.brownish-scheme .navbar-default .side-nav ul.dropdown-menu > li > a {

          color: rgba(125, 114, 100, 0.65);

          border-top: 1px solid rgba(125, 114, 100, 0.04); }

          body.brownish-scheme .navbar-default .side-nav > li > a:hover,

          body.brownish-scheme .navbar-default .side-nav ul.dropdown-menu > li > a:hover {

            color: #7d7264; }

          body.brownish-scheme .navbar-default .side-nav > li > a > i,

          body.brownish-scheme .navbar-default .side-nav ul.dropdown-menu > li > a > i {

            border-right: 1px solid rgba(125, 114, 100, 0.04); }

        body.brownish-scheme .navbar-default .side-nav > li:first-child > a,

        body.brownish-scheme .navbar-default .side-nav ul.dropdown-menu > li:first-child > a {

          border-top: 0; }

        body.brownish-scheme .navbar-default .side-nav > li:last-child > a,

        body.brownish-scheme .navbar-default .side-nav ul.dropdown-menu > li:last-child > a {

          border-bottom: 1px solid rgba(125, 114, 100, 0.04); }

        body.brownish-scheme .navbar-default .side-nav > li.active > a,

        body.brownish-scheme .navbar-default .side-nav > li.active > a:hover,

        body.brownish-scheme .navbar-default .side-nav > li.active > a:focus,

        body.brownish-scheme .navbar-default .side-nav ul.dropdown-menu > li.active > a,

        body.brownish-scheme .navbar-default .side-nav ul.dropdown-menu > li.active > a:hover,

        body.brownish-scheme .navbar-default .side-nav ul.dropdown-menu > li.active > a:focus {

          color: #7d7264; }

        body.brownish-scheme .navbar-default .side-nav li.collapsed-content ul.dropdown-menu > li:last-child > a:hover i {

          color: #7d7264; }

        body.brownish-scheme .navbar-default .side-nav li.collapsed-content li.settings ul.dropdown-menu > li > a:hover i {

          color: #7d7264; }

        body.brownish-scheme .navbar-default .side-nav ul.dropdown-menu {

          background-color: #e9e6e3; }

          body.brownish-scheme .navbar-default .side-nav ul.dropdown-menu > li > a:hover {

            background-color: rgba(125, 114, 100, 0.02); }

            body.brownish-scheme .navbar-default .side-nav ul.dropdown-menu > li > a:hover > i {

              color: white; }

        body.brownish-scheme .navbar-default .side-nav ul.dropdown-menu > li.dropdown-submenu > ul.dropdown-menu {

          background-color: rgba(125, 114, 100, 0.15); }

          body.brownish-scheme .navbar-default .side-nav ul.dropdown-menu > li.dropdown-submenu > ul.dropdown-menu > li:first-child {

            border-top: 1px solid rgba(125, 114, 100, 0.04); }

          body.brownish-scheme .navbar-default .side-nav ul.dropdown-menu > li.dropdown-submenu > ul.dropdown-menu > li > a:hover {

            background-color: rgba(125, 114, 100, 0.02); }

            body.brownish-scheme .navbar-default .side-nav ul.dropdown-menu > li.dropdown-submenu > ul.dropdown-menu > li > a:hover > i {

              color: #7d7264; }

        body.brownish-scheme .navbar-default .side-nav .user-status {

          background-color: rgba(125, 114, 100, 0.05); }

          body.brownish-scheme .navbar-default .side-nav .user-status .user .role {

            color: rgba(125, 114, 100, 0.5); }

    body.brownish-scheme #content {

      background-color: rgba(125, 114, 100, 0.05); }

    body.brownish-scheme .tile.cornered:before {

      border-top-color: #f8f7f7;

      border-right-color: #f8f7f7; }

    body.brownish-scheme .breadcrumbs {

      border-bottom: 1px solid rgba(125, 114, 100, 0.1); }

      body.brownish-scheme .breadcrumbs ol.breadcrumb > li a {

        color: rgba(125, 114, 100, 0.45); }

        body.brownish-scheme .breadcrumbs ol.breadcrumb > li a:hover {

          color: rgba(125, 114, 100, 0.7); }

      body.brownish-scheme .breadcrumbs ol.breadcrumb > li:before {

        color: rgba(125, 114, 100, 0.45); }

    body.brownish-scheme .submenu h1 {

      color: rgba(125, 114, 100, 0.3); }

      body.brownish-scheme .submenu h1:after {

        border-top-color: rgba(125, 114, 100, 0.3);

        border-right-color: rgba(125, 114, 100, 0.3); }

    body.brownish-scheme .submenu .nav.nav-tabs > li.active > a, body.brownish-scheme .submenu .nav.nav-tabs > li.open > a {

      color: #7d7264;

      background-color: rgba(125, 114, 100, 0.05); }

      body.brownish-scheme .submenu .nav.nav-tabs > li.active > a:hover, body.brownish-scheme .submenu .nav.nav-tabs > li.open > a:hover {

        color: #7d7264;

        background-color: rgba(125, 114, 100, 0.05); }

    body.brownish-scheme .submenu .nav.nav-tabs > li > a {

      color: rgba(125, 114, 100, 0.5); }

      body.brownish-scheme .submenu .nav.nav-tabs > li > a:hover {

        background-color: rgba(125, 114, 100, 0.03);

        color: rgba(125, 114, 100, 0.8); }

    body.brownish-scheme .submenu .nav.nav-tabs > li .dropdown-menu > li > a:hover {

      background-color: rgba(125, 114, 100, 0.05); }

    body.brownish-scheme .submenu .nav.nav-tabs > li .dropdown-menu > li.active > a {

      background-color: rgba(125, 114, 100, 0.05); }

    body.brownish-scheme .submenu .collapsed a:hover h1 {

      color: rgba(125, 114, 100, 0.8); }

    body.brownish-scheme .submenu.open a h1 {

      color: rgba(125, 114, 100, 0.8); }

    body.brownish-scheme .submenu.open .nav.nav-tabs > li.dropdown.open .dropdown-menu {

      background-color: rgba(125, 114, 100, 0.03); }

    body.brownish-scheme input::-webkit-input-placeholder, body.brownish-scheme textarea::-webkit-input-placeholder {

      color: rgba(125, 114, 100, 0.5); }

    body.brownish-scheme input:-moz-placeholder, body.brownish-scheme textarea:-moz-placeholder {

      color: rgba(125, 114, 100, 0.5); }

    body.brownish-scheme input::-moz-placeholder, body.brownish-scheme textarea::-moz-placeholder {

      color: rgba(125, 114, 100, 0.5); }

    body.brownish-scheme input:-ms-input-placeholder, body.brownish-scheme textarea:-ms-input-placeholder {

      color: rgba(125, 114, 100, 0.5); }

  body.darkgrey-scheme {

    color: #8b91a0;

    /* navbar */

    /* content */

    /* tiles */

    /* breadcrumbs */

    /* submenu */

    /* placeholders */ }

    body.darkgrey-scheme .navbar a,

    body.darkgrey-scheme .submenu a,

    body.darkgrey-scheme .breadcrumbs a {

      color: #8b91a0; }

      body.darkgrey-scheme .navbar a:hover,

      body.darkgrey-scheme .submenu a:hover,

      body.darkgrey-scheme .breadcrumbs a:hover {

        color: #707788;

        text-decoration: none; }

    body.darkgrey-scheme .divider {

      background: none repeat scroll 0 0 rgba(255, 255, 255, 0.48); }

    body.darkgrey-scheme .navbar-default {

      background-color: #22252d;

      /*sidebar*/ }

      body.darkgrey-scheme .navbar-default .navbar-header {

        background-color: #1b1e24; }

      body.darkgrey-scheme .navbar-default .navbar-brand {

        color: #8b91a0;

        background: url(../images/minoral-logo-white.png) no-repeat 0 23px; }

        body.darkgrey-scheme .navbar-default .navbar-brand:hover {

          color: #dfe1e5; }

      body.darkgrey-scheme .navbar-default .sidebar-collapse a i {

        color: #8b91a0; }

      body.darkgrey-scheme .navbar-default .sidebar-collapse a:hover i {

        color: #dfe1e5; }

      body.darkgrey-scheme .navbar-default .search > input {

        background-color: rgba(139, 145, 160, 0.15);

        color: #8b91a0; }

        body.darkgrey-scheme .navbar-default .search > input:focus {

          background-color: rgba(139, 145, 160, 0.25); }

      body.darkgrey-scheme .navbar-default .navbar-nav > li.quick-action > a {

        background-color: rgba(139, 145, 160, 0.15); }

      body.darkgrey-scheme .navbar-default .navbar-nav > li > a {

        color: #8b91a0; }

      body.darkgrey-scheme .navbar-default .navbar-nav > li.divided > .divider {

        background: none repeat scroll 0 0 rgba(255, 255, 255, 0.1); }

      body.darkgrey-scheme .navbar-default .navbar-nav > li > a:hover {

        color: #dfe1e5;

        background-color: rgba(139, 145, 160, 0.05); }

      body.darkgrey-scheme .navbar-default .navbar-nav > .active > a,

      body.darkgrey-scheme .navbar-default .navbar-nav > .active > a:hover,

      body.darkgrey-scheme .navbar-default .navbar-nav > .active > a:focus {

        color: #dfe1e5;

        background-color: rgba(139, 145, 160, 0.07); }

      body.darkgrey-scheme .navbar-default .navbar-nav > .open > a,

      body.darkgrey-scheme .navbar-default .navbar-nav > .open > a:hover,

      body.darkgrey-scheme .navbar-default .navbar-nav > .open > a:focus {

        color: #8b91a0;

        background-color: rgba(139, 145, 160, 0.07); }

      body.darkgrey-scheme .navbar-default .navbar-nav > .open > .dropdown-menu > .open > a,

      body.darkgrey-scheme .navbar-default .navbar-nav > .open > .dropdown-menu > .open > a:hover,

      body.darkgrey-scheme .navbar-default .navbar-nav > .open > .dropdown-menu > .open > a:focus {

        color: #8b91a0;

        background-color: rgba(139, 145, 160, 0.07); }

        body.darkgrey-scheme .navbar-default .navbar-nav > .open > .dropdown-menu > .open > a i,

        body.darkgrey-scheme .navbar-default .navbar-nav > .open > .dropdown-menu > .open > a:hover i,

        body.darkgrey-scheme .navbar-default .navbar-nav > .open > .dropdown-menu > .open > a:focus i {

          color: white; }

      body.darkgrey-scheme .navbar-default .navbar-nav > .open > .dropdown-menu > .open > .dropdown-menu > .active > a i,

      body.darkgrey-scheme .navbar-default .navbar-nav > .open > .dropdown-menu > .open > .dropdown-menu > .active > a:hover i,

      body.darkgrey-scheme .navbar-default .navbar-nav > .open > .dropdown-menu > .open > .dropdown-menu > .active > a:focus i {

        color: #8b91a0; }

      body.darkgrey-scheme .navbar-default .side-nav {

        background-color: #1c1f25; }

        body.darkgrey-scheme .navbar-default .side-nav > li > a,

        body.darkgrey-scheme .navbar-default .side-nav ul.dropdown-menu > li > a {

          color: rgba(139, 145, 160, 0.65);

          border-top: 1px solid rgba(139, 145, 160, 0.1); }

          body.darkgrey-scheme .navbar-default .side-nav > li > a:hover,

          body.darkgrey-scheme .navbar-default .side-nav ul.dropdown-menu > li > a:hover {

            color: #dfe1e5; }

          body.darkgrey-scheme .navbar-default .side-nav > li > a > i,

          body.darkgrey-scheme .navbar-default .side-nav ul.dropdown-menu > li > a > i {

            border-right: 1px solid rgba(139, 145, 160, 0.1); }

        body.darkgrey-scheme .navbar-default .side-nav > li:first-child > a,

        body.darkgrey-scheme .navbar-default .side-nav ul.dropdown-menu > li:first-child > a {

          border-top: 0; }

        body.darkgrey-scheme .navbar-default .side-nav > li:last-child > a,

        body.darkgrey-scheme .navbar-default .side-nav ul.dropdown-menu > li:last-child > a {

          border-bottom: 1px solid rgba(139, 145, 160, 0.1); }

        body.darkgrey-scheme .navbar-default .side-nav > li.active > a,

        body.darkgrey-scheme .navbar-default .side-nav > li.active > a:hover,

        body.darkgrey-scheme .navbar-default .side-nav > li.active > a:focus,

        body.darkgrey-scheme .navbar-default .side-nav ul.dropdown-menu > li.active > a,

        body.darkgrey-scheme .navbar-default .side-nav ul.dropdown-menu > li.active > a:hover,

        body.darkgrey-scheme .navbar-default .side-nav ul.dropdown-menu > li.active > a:focus {

          color: #dfe1e5; }

        body.darkgrey-scheme .navbar-default .side-nav li.collapsed-content ul.dropdown-menu > li:last-child > a:hover i {

          color: #dfe1e5; }

        body.darkgrey-scheme .navbar-default .side-nav li.collapsed-content li.settings ul.dropdown-menu > li > a:hover i {

          color: #dfe1e5; }

        body.darkgrey-scheme .navbar-default .side-nav ul.dropdown-menu {

          background-color: #2c313b; }

          body.darkgrey-scheme .navbar-default .side-nav ul.dropdown-menu > li > a:hover {

            background-color: #313641; }

            body.darkgrey-scheme .navbar-default .side-nav ul.dropdown-menu > li > a:hover > i {

              color: white; }

        body.darkgrey-scheme .navbar-default .side-nav ul.dropdown-menu > li.dropdown-submenu > ul.dropdown-menu {

          background-color: #3a404d; }

          body.darkgrey-scheme .navbar-default .side-nav ul.dropdown-menu > li.dropdown-submenu > ul.dropdown-menu > li:first-child {

            border-top: 1px solid rgba(139, 145, 160, 0.1); }

          body.darkgrey-scheme .navbar-default .side-nav ul.dropdown-menu > li.dropdown-submenu > ul.dropdown-menu > li > a:hover {

            background-color: #3e4553; }

            body.darkgrey-scheme .navbar-default .side-nav ul.dropdown-menu > li.dropdown-submenu > ul.dropdown-menu > li > a:hover > i {

              color: #dfe1e5; }

        body.darkgrey-scheme .navbar-default .side-nav .user-status {

          background-color: #1d2027; }

          body.darkgrey-scheme .navbar-default .side-nav .user-status .user .role {

            color: #dfe1e5; }

    body.darkgrey-scheme #content {

      background-color: rgba(27, 30, 36, 0.03); }

    body.darkgrey-scheme .tile.cornered:before {

      border-top-color: #f7f7f8;

      border-right-color: #f7f7f8; }

    body.darkgrey-scheme .breadcrumbs {

      border-bottom: 1px solid rgba(27, 30, 36, 0.1); }

      body.darkgrey-scheme .breadcrumbs ol.breadcrumb > li a {

        color: rgba(139, 145, 160, 0.35); }

        body.darkgrey-scheme .breadcrumbs ol.breadcrumb > li a:hover {

          color: rgba(139, 145, 160, 0.7); }

      body.darkgrey-scheme .breadcrumbs ol.breadcrumb > li:before {

        color: rgba(139, 145, 160, 0.35); }

      body.darkgrey-scheme .breadcrumbs ol.breadcrumb > .active {

        color: rgba(139, 145, 160, 0.7); }

    body.darkgrey-scheme .submenu h1 {

      color: rgba(139, 145, 160, 0.7); }

      body.darkgrey-scheme .submenu h1:after {

        border-top-color: rgba(139, 145, 160, 0.7);

        border-right-color: rgba(139, 145, 160, 0.7); }

    body.darkgrey-scheme .submenu .nav.nav-tabs > li.active > a, body.darkgrey-scheme .submenu .nav.nav-tabs > li.open > a {

      color: #8b91a0;

      background-color: rgba(27, 30, 36, 0.03); }

      body.darkgrey-scheme .submenu .nav.nav-tabs > li.active > a:hover, body.darkgrey-scheme .submenu .nav.nav-tabs > li.open > a:hover {

        color: #8b91a0;

        background-color: rgba(27, 30, 36, 0.03); }

    body.darkgrey-scheme .submenu .nav.nav-tabs > li > a {

      color: rgba(139, 145, 160, 0.5); }

      body.darkgrey-scheme .submenu .nav.nav-tabs > li > a:hover {

        background-color: rgba(27, 30, 36, 0.01);

        color: #8b91a0; }

    body.darkgrey-scheme .submenu .nav.nav-tabs > li .dropdown-menu > li > a:hover {

      background-color: rgba(27, 30, 36, 0.01); }

    body.darkgrey-scheme .submenu .nav.nav-tabs > li .dropdown-menu > li.active > a {

      background-color: rgba(27, 30, 36, 0.01); }

    body.darkgrey-scheme .submenu .collapsed a:hover h1 {

      color: #8b91a0; }

    body.darkgrey-scheme .submenu.open a h1 {

      color: #8b91a0; }

    body.darkgrey-scheme .submenu.open .nav.nav-tabs > li.dropdown.open .dropdown-menu {

      background-color: rgba(27, 30, 36, 0.01); }

    body.darkgrey-scheme input::-webkit-input-placeholder, body.darkgrey-scheme textarea::-webkit-input-placeholder {

      color: rgba(139, 145, 160, 0.5); }

    body.darkgrey-scheme input:-moz-placeholder, body.darkgrey-scheme textarea:-moz-placeholder {

      color: rgba(139, 145, 160, 0.5); }

    body.darkgrey-scheme input::-moz-placeholder, body.darkgrey-scheme textarea::-moz-placeholder {

      color: rgba(139, 145, 160, 0.5); }

    body.darkgrey-scheme input:-ms-input-placeholder, body.darkgrey-scheme textarea:-ms-input-placeholder {

      color: rgba(139, 145, 160, 0.5); }

  body.lightgrey-scheme {

    color: #5a6170;

    /* navbar */

    /* content */

    /* tiles */

    /* breadcrumbs */

    /* submenu */

    /* placeholders */ }

    body.lightgrey-scheme .navbar a,

    body.lightgrey-scheme .submenu a,

    body.lightgrey-scheme .breadcrumbs a {

      color: #5a6170; }

      body.lightgrey-scheme .navbar a:hover,

      body.lightgrey-scheme .submenu a:hover,

      body.lightgrey-scheme .breadcrumbs a:hover {

        color: #434954;

        text-decoration: none; }

    body.lightgrey-scheme .divider {

      background: none repeat scroll 0 0 rgba(0, 0, 0, 0.48); }

    body.lightgrey-scheme .navbar-default {

      background-color: #fcfcfc;

      /*sidebar*/ }

      body.lightgrey-scheme .navbar-default .navbar-header {

        background-color: #efefef; }

      body.lightgrey-scheme .navbar-default .navbar-brand {

        color: #5a6170;

        background: url(../images/minoral-logo.png) no-repeat 0 23px; }

        body.lightgrey-scheme .navbar-default .navbar-brand:hover {

          color: #383c46; }

      body.lightgrey-scheme .navbar-default .sidebar-collapse a i {

        color: #5a6170; }

      body.lightgrey-scheme .navbar-default .sidebar-collapse a:hover i {

        color: #383c46; }

      body.lightgrey-scheme .navbar-default .search > input {

        background-color: rgba(90, 97, 112, 0.04);

        color: #5a6170; }

        body.lightgrey-scheme .navbar-default .search > input:focus {

          background-color: rgba(90, 97, 112, 0.1); }

      body.lightgrey-scheme .navbar-default .navbar-nav > li.quick-action > a {

        background-color: rgba(90, 97, 112, 0.1); }

      body.lightgrey-scheme .navbar-default .navbar-nav > li > a {

        color: #5a6170; }

      body.lightgrey-scheme .navbar-default .navbar-nav > li.divided > .divider {

        background: none repeat scroll 0 0 rgba(0, 0, 0, 0.25); }

      body.lightgrey-scheme .navbar-default .navbar-nav > li > a:hover {

        color: #434954;

        background-color: rgba(90, 97, 112, 0.02); }

      body.lightgrey-scheme .navbar-default .navbar-nav > .active > a,

      body.lightgrey-scheme .navbar-default .navbar-nav > .active > a:hover,

      body.lightgrey-scheme .navbar-default .navbar-nav > .active > a:focus {

        color: #434954;

        background-color: rgba(90, 97, 112, 0.07); }

      body.lightgrey-scheme .navbar-default .navbar-nav > .open > a,

      body.lightgrey-scheme .navbar-default .navbar-nav > .open > a:hover,

      body.lightgrey-scheme .navbar-default .navbar-nav > .open > a:focus {

        color: #5a6170;

        background-color: rgba(90, 97, 112, 0.07); }

      body.lightgrey-scheme .navbar-default .navbar-nav > .open > .dropdown-menu > .open > a,

      body.lightgrey-scheme .navbar-default .navbar-nav > .open > .dropdown-menu > .open > a:hover,

      body.lightgrey-scheme .navbar-default .navbar-nav > .open > .dropdown-menu > .open > a:focus {

        color: #5a6170;

        background-color: rgba(90, 97, 112, 0.1); }

        body.lightgrey-scheme .navbar-default .navbar-nav > .open > .dropdown-menu > .open > a i,

        body.lightgrey-scheme .navbar-default .navbar-nav > .open > .dropdown-menu > .open > a:hover i,

        body.lightgrey-scheme .navbar-default .navbar-nav > .open > .dropdown-menu > .open > a:focus i {

          color: white; }

      body.lightgrey-scheme .navbar-default .navbar-nav > .open > .dropdown-menu > .open > .dropdown-menu > .active > a i,

      body.lightgrey-scheme .navbar-default .navbar-nav > .open > .dropdown-menu > .open > .dropdown-menu > .active > a:hover i,

      body.lightgrey-scheme .navbar-default .navbar-nav > .open > .dropdown-menu > .open > .dropdown-menu > .active > a:focus i {

        color: #5a6170; }

      body.lightgrey-scheme .navbar-default .side-nav {

        background-color: #f9f9f9; }

        body.lightgrey-scheme .navbar-default .side-nav > li > a,

        body.lightgrey-scheme .navbar-default .side-nav ul.dropdown-menu > li > a {

          color: rgba(90, 97, 112, 0.65);

          border-top: 1px solid rgba(90, 97, 112, 0.06); }

          body.lightgrey-scheme .navbar-default .side-nav > li > a:hover,

          body.lightgrey-scheme .navbar-default .side-nav ul.dropdown-menu > li > a:hover {

            color: #5a6170; }

          body.lightgrey-scheme .navbar-default .side-nav > li > a > i,

          body.lightgrey-scheme .navbar-default .side-nav ul.dropdown-menu > li > a > i {

            border-right: 1px solid rgba(90, 97, 112, 0.06); }

        body.lightgrey-scheme .navbar-default .side-nav > li:first-child > a,

        body.lightgrey-scheme .navbar-default .side-nav ul.dropdown-menu > li:first-child > a {

          border-top: 0; }

        body.lightgrey-scheme .navbar-default .side-nav > li:last-child > a,

        body.lightgrey-scheme .navbar-default .side-nav ul.dropdown-menu > li:last-child > a {

          border-bottom: 1px solid rgba(90, 97, 112, 0.06); }

        body.lightgrey-scheme .navbar-default .side-nav > li.active > a,

        body.lightgrey-scheme .navbar-default .side-nav > li.active > a:hover,

        body.lightgrey-scheme .navbar-default .side-nav > li.active > a:focus,

        body.lightgrey-scheme .navbar-default .side-nav ul.dropdown-menu > li.active > a,

        body.lightgrey-scheme .navbar-default .side-nav ul.dropdown-menu > li.active > a:hover,

        body.lightgrey-scheme .navbar-default .side-nav ul.dropdown-menu > li.active > a:focus {

          color: #5a6170; }

        body.lightgrey-scheme .navbar-default .side-nav li.collapsed-content ul.dropdown-menu > li:last-child > a:hover i {

          color: #5a6170; }

        body.lightgrey-scheme .navbar-default .side-nav li.collapsed-content li.settings ul.dropdown-menu > li > a:hover i {

          color: #5a6170; }

        body.lightgrey-scheme .navbar-default .side-nav ul.dropdown-menu {

          background-color: #f3f3f5; }

          body.lightgrey-scheme .navbar-default .side-nav ul.dropdown-menu > li > a:hover {

            background-color: rgba(90, 97, 112, 0.02); }

            body.lightgrey-scheme .navbar-default .side-nav ul.dropdown-menu > li > a:hover > i {

              color: white; }

        body.lightgrey-scheme .navbar-default .side-nav ul.dropdown-menu > li.dropdown-submenu > ul.dropdown-menu {

          background-color: #d6d9de; }

          body.lightgrey-scheme .navbar-default .side-nav ul.dropdown-menu > li.dropdown-submenu > ul.dropdown-menu > li:first-child {

            border-top: 1px solid rgba(90, 97, 112, 0.06); }

          body.lightgrey-scheme .navbar-default .side-nav ul.dropdown-menu > li.dropdown-submenu > ul.dropdown-menu > li > a:hover {

            background-color: rgba(90, 97, 112, 0.02); }

            body.lightgrey-scheme .navbar-default .side-nav ul.dropdown-menu > li.dropdown-submenu > ul.dropdown-menu > li > a:hover > i {

              color: #5a6170; }

        body.lightgrey-scheme .navbar-default .side-nav .user-status {

          background-color: rgba(90, 97, 112, 0.02); }

          body.lightgrey-scheme .navbar-default .side-nav .user-status .user .role {

            color: rgba(90, 97, 112, 0.5); }

    body.lightgrey-scheme #content {

      background-color: rgba(90, 97, 112, 0.03); }

    body.lightgrey-scheme .tile.cornered:before {

      border-top-color: #f9fafa;

      border-right-color: #f9fafa; }

    body.lightgrey-scheme .breadcrumbs {

      border-bottom: 1px solid rgba(90, 97, 112, 0.1); }

      body.lightgrey-scheme .breadcrumbs ol.breadcrumb > li a {

        color: rgba(90, 97, 112, 0.45); }

        body.lightgrey-scheme .breadcrumbs ol.breadcrumb > li a:hover {

          color: rgba(90, 97, 112, 0.7); }

      body.lightgrey-scheme .breadcrumbs ol.breadcrumb > li:before {

        color: rgba(90, 97, 112, 0.45); }

      body.lightgrey-scheme .breadcrumbs ol.breadcrumb > .active {

        color: rgba(90, 97, 112, 0.7); }

    body.lightgrey-scheme .submenu h1 {

      color: rgba(90, 97, 112, 0.3); }

      body.lightgrey-scheme .submenu h1:after {

        border-top-color: rgba(90, 97, 112, 0.3);

        border-right-color: rgba(90, 97, 112, 0.3); }

    body.lightgrey-scheme .submenu .nav.nav-tabs > li.active > a, body.lightgrey-scheme .submenu .nav.nav-tabs > li.open > a {

      color: #5a6170;

      background-color: rgba(90, 97, 112, 0.03); }

      body.lightgrey-scheme .submenu .nav.nav-tabs > li.active > a:hover, body.lightgrey-scheme .submenu .nav.nav-tabs > li.open > a:hover {

        color: #5a6170;

        background-color: rgba(90, 97, 112, 0.03); }

    body.lightgrey-scheme .submenu .nav.nav-tabs > li > a {

      color: rgba(90, 97, 112, 0.5); }

      body.lightgrey-scheme .submenu .nav.nav-tabs > li > a:hover {

        background-color: rgba(90, 97, 112, 0.015);

        color: rgba(90, 97, 112, 0.8); }

    body.lightgrey-scheme .submenu .nav.nav-tabs > li .dropdown-menu > li > a:hover {

      background-color: rgba(90, 97, 112, 0.03); }

    body.lightgrey-scheme .submenu .nav.nav-tabs > li .dropdown-menu > li.active > a {

      background-color: rgba(90, 97, 112, 0.03); }

    body.lightgrey-scheme .submenu .collapsed a:hover h1 {

      color: rgba(90, 97, 112, 0.8); }

    body.lightgrey-scheme .submenu.open a h1 {

      color: rgba(90, 97, 112, 0.8); }

    body.lightgrey-scheme .submenu.open .nav.nav-tabs > li.dropdown.open .dropdown-menu {

      background-color: rgba(90, 97, 112, 0.015); }

    body.lightgrey-scheme input::-webkit-input-placeholder, body.lightgrey-scheme textarea::-webkit-input-placeholder {

      color: rgba(90, 97, 112, 0.5); }

    body.lightgrey-scheme input:-moz-placeholder, body.lightgrey-scheme textarea:-moz-placeholder {

      color: rgba(90, 97, 112, 0.5); }

    body.lightgrey-scheme input::-moz-placeholder, body.lightgrey-scheme textarea::-moz-placeholder {

      color: rgba(90, 97, 112, 0.5); }

    body.lightgrey-scheme input:-ms-input-placeholder, body.lightgrey-scheme textarea:-ms-input-placeholder {

      color: rgba(90, 97, 112, 0.5); }

  body.cyan-scheme {

    color: #004359;

    /* navbar */

    /* content */

    /* tiles */

    /* breadcrumbs */

    /* submenu */

    /* placeholders */ }

    body.cyan-scheme .navbar a,

    body.cyan-scheme .submenu a,

    body.cyan-scheme .breadcrumbs a {

      color: #004359; }

      body.cyan-scheme .navbar a:hover,

      body.cyan-scheme .submenu a:hover,

      body.cyan-scheme .breadcrumbs a:hover {

        color: #001c25;

        text-decoration: none; }

    body.cyan-scheme .divider {

      background: none repeat scroll 0 0 rgba(255, 255, 255, 0.48); }

    body.cyan-scheme .navbar-default {

      background-color: #22beef;

      /*sidebar*/ }

      body.cyan-scheme .navbar-default .navbar-header {

        background-color: #11b4e7; }

      body.cyan-scheme .navbar-default .navbar-brand {

        color: rgba(234, 249, 254, 0.9);

        background: url(../images/minoral-logo-white.png) no-repeat 0 23px; }

        body.cyan-scheme .navbar-default .navbar-brand:hover {

          color: white; }

      body.cyan-scheme .navbar-default .user-controls > ul > li > a {

        color: rgba(234, 249, 254, 0.9); }

        body.cyan-scheme .navbar-default .user-controls > ul > li > a:hover {

          color: white; }

      body.cyan-scheme .navbar-default .sidebar-collapse a i {

        color: rgba(234, 249, 254, 0.9); }

      body.cyan-scheme .navbar-default .sidebar-collapse a:hover i {

        color: white; }

      body.cyan-scheme .navbar-default .search > input {

        background-color: rgba(0, 163, 216, 0.5);

        color: rgba(234, 249, 254, 0.8); }

        body.cyan-scheme .navbar-default .search > input:focus {

          background-color: rgba(0, 163, 216, 0.68); }

      body.cyan-scheme .navbar-default .navbar-nav > li.quick-action > a {

        background-color: rgba(0, 163, 216, 0.68); }

      body.cyan-scheme .navbar-default .navbar-nav > li > a {

        color: rgba(234, 249, 254, 0.9); }

      body.cyan-scheme .navbar-default .navbar-nav > li.divided > .divider {

        background: none repeat scroll 0 0 rgba(255, 255, 255, 0.25); }

      body.cyan-scheme .navbar-default .navbar-nav > li > a:hover {

        color: white;

        background-color: rgba(255, 255, 255, 0.1); }

      body.cyan-scheme .navbar-default .navbar-nav > .active > a,

      body.cyan-scheme .navbar-default .navbar-nav > .active > a:hover,

      body.cyan-scheme .navbar-default .navbar-nav > .active > a:focus {

        color: white;

        background-color: rgba(255, 255, 255, 0.1); }

      body.cyan-scheme .navbar-default .navbar-nav > .open > a,

      body.cyan-scheme .navbar-default .navbar-nav > .open > a:hover,

      body.cyan-scheme .navbar-default .navbar-nav > .open > a:focus {

        color: rgba(234, 249, 254, 0.9);

        background-color: rgba(255, 255, 255, 0.1); }

      body.cyan-scheme .navbar-default .navbar-nav > .open > .dropdown-menu > .open > a,

      body.cyan-scheme .navbar-default .navbar-nav > .open > .dropdown-menu > .open > a:hover,

      body.cyan-scheme .navbar-default .navbar-nav > .open > .dropdown-menu > .open > a:focus {

        color: rgba(234, 249, 254, 0.9);

        background-color: rgba(255, 255, 255, 0.1); }

        body.cyan-scheme .navbar-default .navbar-nav > .open > .dropdown-menu > .open > a i,

        body.cyan-scheme .navbar-default .navbar-nav > .open > .dropdown-menu > .open > a:hover i,

        body.cyan-scheme .navbar-default .navbar-nav > .open > .dropdown-menu > .open > a:focus i {

          color: white; }

      body.cyan-scheme .navbar-default .navbar-nav > .open > .dropdown-menu > .open > .dropdown-menu > .active > a i,

      body.cyan-scheme .navbar-default .navbar-nav > .open > .dropdown-menu > .open > .dropdown-menu > .active > a:hover i,

      body.cyan-scheme .navbar-default .navbar-nav > .open > .dropdown-menu > .open > .dropdown-menu > .active > a:focus i {

        color: rgba(234, 249, 254, 0.9); }

      body.cyan-scheme .navbar-default .side-nav {

        background-color: #81daf6; }

        body.cyan-scheme .navbar-default .side-nav > li > a,

        body.cyan-scheme .navbar-default .side-nav ul.dropdown-menu > li > a {

          color: rgba(234, 249, 254, 0.9);

          border-top: 1px solid rgba(0, 67, 89, 0.06); }

          body.cyan-scheme .navbar-default .side-nav > li > a:hover,

          body.cyan-scheme .navbar-default .side-nav ul.dropdown-menu > li > a:hover {

            color: white; }

          body.cyan-scheme .navbar-default .side-nav > li > a > i,

          body.cyan-scheme .navbar-default .side-nav ul.dropdown-menu > li > a > i {

            border-right: 1px solid rgba(0, 67, 89, 0.06); }

        body.cyan-scheme .navbar-default .side-nav > li:first-child > a,

        body.cyan-scheme .navbar-default .side-nav ul.dropdown-menu > li:first-child > a {

          border-top: 0; }

        body.cyan-scheme .navbar-default .side-nav > li:last-child > a,

        body.cyan-scheme .navbar-default .side-nav ul.dropdown-menu > li:last-child > a {

          border-bottom: 1px solid rgba(0, 67, 89, 0.06); }

        body.cyan-scheme .navbar-default .side-nav > li.active > a,

        body.cyan-scheme .navbar-default .side-nav > li.active > a:hover,

        body.cyan-scheme .navbar-default .side-nav > li.active > a:focus,

        body.cyan-scheme .navbar-default .side-nav ul.dropdown-menu > li.active > a,

        body.cyan-scheme .navbar-default .side-nav ul.dropdown-menu > li.active > a:hover,

        body.cyan-scheme .navbar-default .side-nav ul.dropdown-menu > li.active > a:focus {

          color: white; }

        body.cyan-scheme .navbar-default .side-nav li.collapsed-content ul.dropdown-menu > li:last-child > a:hover i {

          color: white; }

        body.cyan-scheme .navbar-default .side-nav li.collapsed-content li.settings ul.dropdown-menu > li > a:hover i {

          color: white; }

        body.cyan-scheme .navbar-default .side-nav ul.dropdown-menu {

          background-color: #52ccf2; }

          body.cyan-scheme .navbar-default .side-nav ul.dropdown-menu > li > a:hover {

            background-color: rgba(255, 255, 255, 0.1); }

            body.cyan-scheme .navbar-default .side-nav ul.dropdown-menu > li > a:hover > i {

              color: white; }

        body.cyan-scheme .navbar-default .side-nav ul.dropdown-menu > li.dropdown-submenu > ul.dropdown-menu {

          background-color: #11b4e7; }

          body.cyan-scheme .navbar-default .side-nav ul.dropdown-menu > li.dropdown-submenu > ul.dropdown-menu > li:first-child {

            border-top: 1px solid rgba(0, 67, 89, 0.06); }

          body.cyan-scheme .navbar-default .side-nav ul.dropdown-menu > li.dropdown-submenu > ul.dropdown-menu > li > a:hover {

            background-color: rgba(255, 255, 255, 0.1); }

            body.cyan-scheme .navbar-default .side-nav ul.dropdown-menu > li.dropdown-submenu > ul.dropdown-menu > li > a:hover > i {

              color: white; }

        body.cyan-scheme .navbar-default .side-nav .user-status {

          background-color: rgba(0, 67, 89, 0.05); }

          body.cyan-scheme .navbar-default .side-nav .user-status .user {

            color: white; }

            body.cyan-scheme .navbar-default .side-nav .user-status .user .role {

              color: rgba(234, 249, 254, 0.9); }

    body.cyan-scheme #content {

      background-color: rgba(34, 190, 239, 0.04); }

    body.cyan-scheme .tile.cornered:before {

      border-top-color: #f5fcfe;

      border-right-color: #f5fcfe; }

    body.cyan-scheme .breadcrumbs {

      border-bottom: 1px solid rgba(0, 67, 89, 0.1); }

      body.cyan-scheme .breadcrumbs ol.breadcrumb > li a {

        color: rgba(0, 67, 89, 0.45); }

        body.cyan-scheme .breadcrumbs ol.breadcrumb > li a:hover {

          color: rgba(0, 67, 89, 0.7); }

      body.cyan-scheme .breadcrumbs ol.breadcrumb > li:before {

        color: rgba(0, 67, 89, 0.45); }

      body.cyan-scheme .breadcrumbs ol.breadcrumb > .active {

        color: rgba(0, 67, 89, 0.7); }

    body.cyan-scheme .submenu h1 {

      color: rgba(0, 67, 89, 0.45); }

      body.cyan-scheme .submenu h1:after {

        border-top-color: rgba(0, 67, 89, 0.3);

        border-right-color: rgba(0, 67, 89, 0.3); }

    body.cyan-scheme .submenu .nav.nav-tabs > li.active > a, body.cyan-scheme .submenu .nav.nav-tabs > li.open > a {

      color: #004359;

      background-color: rgba(34, 190, 239, 0.04); }

      body.cyan-scheme .submenu .nav.nav-tabs > li.active > a:hover, body.cyan-scheme .submenu .nav.nav-tabs > li.open > a:hover {

        color: #004359;

        background-color: rgba(34, 190, 239, 0.04); }

    body.cyan-scheme .submenu .nav.nav-tabs > li > a {

      color: rgba(0, 67, 89, 0.5); }

      body.cyan-scheme .submenu .nav.nav-tabs > li > a:hover {

        background-color: rgba(34, 190, 239, 0.015);

        color: rgba(0, 67, 89, 0.8); }

    body.cyan-scheme .submenu .nav.nav-tabs > li .dropdown-menu > li > a:hover {

      background-color: rgba(34, 190, 239, 0.04); }

    body.cyan-scheme .submenu .nav.nav-tabs > li .dropdown-menu > li.active > a {

      background-color: rgba(34, 190, 239, 0.04); }

    body.cyan-scheme .submenu .collapsed a:hover h1 {

      color: rgba(0, 67, 89, 0.8); }

    body.cyan-scheme .submenu.open a h1 {

      color: rgba(0, 67, 89, 0.8); }

    body.cyan-scheme .submenu.open .nav.nav-tabs > li.dropdown.open .dropdown-menu {

      background-color: rgba(34, 190, 239, 0.015); }

    body.cyan-scheme input::-webkit-input-placeholder, body.cyan-scheme textarea::-webkit-input-placeholder {

      color: rgba(234, 249, 254, 0.6); }

    body.cyan-scheme input:-moz-placeholder, body.cyan-scheme textarea:-moz-placeholder {

      color: rgba(234, 249, 254, 0.6); }

    body.cyan-scheme input::-moz-placeholder, body.cyan-scheme textarea::-moz-placeholder {

      color: rgba(234, 249, 254, 0.6); }

    body.cyan-scheme input:-ms-input-placeholder, body.cyan-scheme textarea:-ms-input-placeholder {

      color: rgba(234, 249, 254, 0.6); }

  body.red-scheme {

    color: #444444;

    /* navbar */

    /* content */

    /* tiles */

    /* breadcrumbs */

    /* submenu */

    /* placeholders */ }

    body.red-scheme .navbar a,

    body.red-scheme .submenu a,

    body.red-scheme .breadcrumbs a {

      color: #444444; }

      body.red-scheme .navbar a:hover,

      body.red-scheme .submenu a:hover,

      body.red-scheme .breadcrumbs a:hover {

        color: #5e5e5e;

        text-decoration: none; }

    body.red-scheme .divider {

      background: none repeat scroll 0 0 rgba(255, 255, 255, 0.48); }

    body.red-scheme .navbar-default {

      background-color: #ff3129;

      /*sidebar*/ }

      body.red-scheme .navbar-default .navbar-header {

        background-color: #ff4a43; }

      body.red-scheme .navbar-default .navbar-brand {

        color: rgba(255, 236, 237, 0.9);

        background: url(../images/minoral-logo-white.png) no-repeat 0 23px; }

        body.red-scheme .navbar-default .navbar-brand:hover {

          color: white; }

      body.red-scheme .navbar-default .user-controls > ul > li > a {

        color: rgba(255, 236, 237, 0.9); }

        body.red-scheme .navbar-default .user-controls > ul > li > a:hover {

          color: white; }

      body.red-scheme .navbar-default .sidebar-collapse a i {

        color: rgba(255, 236, 237, 0.9); }

      body.red-scheme .navbar-default .sidebar-collapse a:hover i {

        color: white; }

      body.red-scheme .navbar-default .search > input {

        background-color: rgba(217, 2, 0, 0.5);

        color: rgba(255, 236, 237, 0.45); }

        body.red-scheme .navbar-default .search > input:focus {

          background-color: rgba(217, 2, 0, 0.9); }

      body.red-scheme .navbar-default .navbar-nav > li.quick-action > a {

        background-color: rgba(217, 2, 0, 0.68); }

      body.red-scheme .navbar-default .navbar-nav > li > a {

        color: rgba(255, 236, 237, 0.9); }

      body.red-scheme .navbar-default .navbar-nav > li.divided > .divider {

        background: none repeat scroll 0 0 rgba(255, 255, 255, 0.25); }

      body.red-scheme .navbar-default .navbar-nav > li > a:hover {

        color: white;

        background-color: rgba(255, 255, 255, 0.1); }

      body.red-scheme .navbar-default .navbar-nav > .active > a,

      body.red-scheme .navbar-default .navbar-nav > .active > a:hover,

      body.red-scheme .navbar-default .navbar-nav > .active > a:focus {

        color: white;

        background-color: rgba(255, 255, 255, 0.1); }

      body.red-scheme .navbar-default .navbar-nav > .open > a,

      body.red-scheme .navbar-default .navbar-nav > .open > a:hover,

      body.red-scheme .navbar-default .navbar-nav > .open > a:focus {

        color: rgba(255, 236, 237, 0.9);

        background-color: rgba(255, 255, 255, 0.1); }

      body.red-scheme .navbar-default .navbar-nav > .open > .dropdown-menu > .open > a,

      body.red-scheme .navbar-default .navbar-nav > .open > .dropdown-menu > .open > a:hover,

      body.red-scheme .navbar-default .navbar-nav > .open > .dropdown-menu > .open > a:focus {

        color: rgba(255, 236, 237, 0.9);

        background-color: rgba(255, 255, 255, 0.1); }

        body.red-scheme .navbar-default .navbar-nav > .open > .dropdown-menu > .open > a i,

        body.red-scheme .navbar-default .navbar-nav > .open > .dropdown-menu > .open > a:hover i,

        body.red-scheme .navbar-default .navbar-nav > .open > .dropdown-menu > .open > a:focus i {

          color: white; }

      body.red-scheme .navbar-default .navbar-nav > .open > .dropdown-menu > .open > .dropdown-menu > .active > a i,

      body.red-scheme .navbar-default .navbar-nav > .open > .dropdown-menu > .open > .dropdown-menu > .active > a:hover i,

      body.red-scheme .navbar-default .navbar-nav > .open > .dropdown-menu > .open > .dropdown-menu > .active > a:focus i {

        color: rgba(255, 236, 237, 0.9); }

      body.red-scheme .navbar-default .side-nav {

        background-color: #ff635c; }

        body.red-scheme .navbar-default .side-nav > li > a,

        body.red-scheme .navbar-default .side-nav ul.dropdown-menu > li > a {

          color: rgba(255, 236, 237, 0.9);

          border-top: 1px solid rgba(68, 68, 68, 0.06); }

          body.red-scheme .navbar-default .side-nav > li > a:hover,

          body.red-scheme .navbar-default .side-nav ul.dropdown-menu > li > a:hover {

            color: white; }

          body.red-scheme .navbar-default .side-nav > li > a > i,

          body.red-scheme .navbar-default .side-nav ul.dropdown-menu > li > a > i {

            border-right: 1px solid rgba(68, 68, 68, 0.06); }

        body.red-scheme .navbar-default .side-nav > li:first-child > a,

        body.red-scheme .navbar-default .side-nav ul.dropdown-menu > li:first-child > a {

          border-top: 0; }

        body.red-scheme .navbar-default .side-nav > li:last-child > a,

        body.red-scheme .navbar-default .side-nav ul.dropdown-menu > li:last-child > a {

          border-bottom: 1px solid rgba(68, 68, 68, 0.06); }

        body.red-scheme .navbar-default .side-nav > li.active > a,

        body.red-scheme .navbar-default .side-nav > li.active > a:hover,

        body.red-scheme .navbar-default .side-nav > li.active > a:focus,

        body.red-scheme .navbar-default .side-nav ul.dropdown-menu > li.active > a,

        body.red-scheme .navbar-default .side-nav ul.dropdown-menu > li.active > a:hover,

        body.red-scheme .navbar-default .side-nav ul.dropdown-menu > li.active > a:focus {

          color: white; }

        body.red-scheme .navbar-default .side-nav li.collapsed-content ul.dropdown-menu > li:last-child > a:hover i {

          color: white; }

        body.red-scheme .navbar-default .side-nav li.collapsed-content li.settings ul.dropdown-menu > li > a:hover i {

          color: white; }

        body.red-scheme .navbar-default .side-nav ul.dropdown-menu {

          background-color: #ff7b76; }

          body.red-scheme .navbar-default .side-nav ul.dropdown-menu > li > a:hover {

            background-color: rgba(255, 255, 255, 0.1); }

            body.red-scheme .navbar-default .side-nav ul.dropdown-menu > li > a:hover > i {

              color: white; }

        body.red-scheme .navbar-default .side-nav ul.dropdown-menu > li.dropdown-submenu > ul.dropdown-menu {

          background-color: #ff4a43; }

          body.red-scheme .navbar-default .side-nav ul.dropdown-menu > li.dropdown-submenu > ul.dropdown-menu > li:first-child {

            border-top: 1px solid rgba(68, 68, 68, 0.06); }

          body.red-scheme .navbar-default .side-nav ul.dropdown-menu > li.dropdown-submenu > ul.dropdown-menu > li > a:hover {

            background-color: rgba(255, 255, 255, 0.1); }

            body.red-scheme .navbar-default .side-nav ul.dropdown-menu > li.dropdown-submenu > ul.dropdown-menu > li > a:hover > i {

              color: white; }

        body.red-scheme .navbar-default .side-nav .user-status {

          background-color: #f50900; }

          body.red-scheme .navbar-default .side-nav .user-status .user {

            color: white; }

            body.red-scheme .navbar-default .side-nav .user-status .user .role {

              color: rgba(255, 236, 237, 0.9); }

    body.red-scheme #content {

      background-color: rgba(68, 68, 68, 0.04); }

    body.red-scheme .tile.cornered:before {

      border-top-color: #f6f6f6;

      border-right-color: #f6f6f6; }

    body.red-scheme .breadcrumbs {

      border-bottom: 1px solid rgba(68, 68, 68, 0.1); }

      body.red-scheme .breadcrumbs ol.breadcrumb > li a {

        color: rgba(68, 68, 68, 0.45); }

        body.red-scheme .breadcrumbs ol.breadcrumb > li a:hover {

          color: rgba(68, 68, 68, 0.7); }

      body.red-scheme .breadcrumbs ol.breadcrumb > li:before {

        color: rgba(68, 68, 68, 0.45); }

      body.red-scheme .breadcrumbs ol.breadcrumb > .active {

        color: rgba(68, 68, 68, 0.7); }

    body.red-scheme .submenu h1 {

      color: rgba(68, 68, 68, 0.45); }

      body.red-scheme .submenu h1:after {

        border-top-color: rgba(68, 68, 68, 0.3);

        border-right-color: rgba(68, 68, 68, 0.3); }

    body.red-scheme .submenu .nav.nav-tabs > li.active > a, body.red-scheme .submenu .nav.nav-tabs > li.open > a {

      color: #444444;

      background-color: rgba(68, 68, 68, 0.04); }

      body.red-scheme .submenu .nav.nav-tabs > li.active > a:hover, body.red-scheme .submenu .nav.nav-tabs > li.open > a:hover {

        color: #444444;

        background-color: rgba(68, 68, 68, 0.04); }

    body.red-scheme .submenu .nav.nav-tabs > li > a {

      color: rgba(68, 68, 68, 0.5); }

      body.red-scheme .submenu .nav.nav-tabs > li > a:hover {

        background-color: rgba(68, 68, 68, 0.015);

        color: rgba(68, 68, 68, 0.8); }

    body.red-scheme .submenu .nav.nav-tabs > li .dropdown-menu > li > a:hover {

      background-color: rgba(68, 68, 68, 0.04); }

    body.red-scheme .submenu .nav.nav-tabs > li .dropdown-menu > li.active > a {

      background-color: rgba(68, 68, 68, 0.04); }

    body.red-scheme .submenu .collapsed a:hover h1 {

      color: rgba(68, 68, 68, 0.8); }

    body.red-scheme .submenu.open a h1 {

      color: rgba(68, 68, 68, 0.8); }

    body.red-scheme .submenu.open .nav.nav-tabs > li.dropdown.open .dropdown-menu {

      background-color: rgba(68, 68, 68, 0.015); }

    body.red-scheme input::-webkit-input-placeholder, body.red-scheme textarea::-webkit-input-placeholder {

      color: rgba(255, 236, 237, 0.45); }

    body.red-scheme input:-moz-placeholder, body.red-scheme textarea:-moz-placeholder {

      color: rgba(255, 236, 237, 0.45); }

    body.red-scheme input::-moz-placeholder, body.red-scheme textarea::-moz-placeholder {

      color: rgba(255, 236, 237, 0.45); }

    body.red-scheme input:-ms-input-placeholder, body.red-scheme textarea:-ms-input-placeholder {

      color: rgba(255, 236, 237, 0.45); }

  body.green-scheme {

    color: #444444;

    /* navbar */

    /* content */

    /* tiles */

    /* breadcrumbs */

    /* submenu */

    /* placeholders */ }

    body.green-scheme .navbar a,

    body.green-scheme .submenu a,

    body.green-scheme .breadcrumbs a {

      color: #444444; }

      body.green-scheme .navbar a:hover,

      body.green-scheme .submenu a:hover,

      body.green-scheme .breadcrumbs a:hover {

        color: #2b2b2b;

        text-decoration: none; }

    body.green-scheme .divider {

      background: none repeat scroll 0 0 rgba(255, 255, 255, 0.48); }

    body.green-scheme .navbar-default {

      background-color: #8eb800;

      /*sidebar*/ }

      body.green-scheme .navbar-default .navbar-header {

        background-color: #a2d200; }

      body.green-scheme .navbar-default .navbar-brand {

        color: rgba(246, 249, 228, 0.9);

        background: url(../images/minoral-logo-white.png) no-repeat 0 23px; }

        body.green-scheme .navbar-default .navbar-brand:hover {

          color: white; }

      body.green-scheme .navbar-default .user-controls > ul > li > a {

        color: rgba(246, 249, 228, 0.9); }

        body.green-scheme .navbar-default .user-controls > ul > li > a:hover {

          color: white; }

      body.green-scheme .navbar-default .sidebar-collapse a i {

        color: rgba(246, 249, 228, 0.9); }

      body.green-scheme .navbar-default .sidebar-collapse a:hover i {

        color: white; }

      body.green-scheme .navbar-default .search > input {

        background-color: rgba(111, 158, 0, 0.5);

        color: rgba(246, 249, 228, 0.8); }

        body.green-scheme .navbar-default .search > input:focus {

          background-color: rgba(111, 158, 0, 0.68); }

      body.green-scheme .navbar-default .navbar-nav > li.quick-action > a {

        background-color: rgba(111, 158, 0, 0.68); }

      body.green-scheme .navbar-default .navbar-nav > li > a {

        color: rgba(246, 249, 228, 0.9); }

      body.green-scheme .navbar-default .navbar-nav > li.divided > .divider {

        background: none repeat scroll 0 0 rgba(255, 255, 255, 0.25); }

      body.green-scheme .navbar-default .navbar-nav > li > a:hover {

        color: white;

        background-color: rgba(255, 255, 255, 0.1); }

      body.green-scheme .navbar-default .navbar-nav > .active > a,

      body.green-scheme .navbar-default .navbar-nav > .active > a:hover,

      body.green-scheme .navbar-default .navbar-nav > .active > a:focus {

        color: white;

        background-color: rgba(255, 255, 255, 0.1); }

      body.green-scheme .navbar-default .navbar-nav > .open > a,

      body.green-scheme .navbar-default .navbar-nav > .open > a:hover,

      body.green-scheme .navbar-default .navbar-nav > .open > a:focus {

        color: rgba(246, 249, 228, 0.9);

        background-color: rgba(255, 255, 255, 0.1); }

      body.green-scheme .navbar-default .navbar-nav > .open > .dropdown-menu > .open > a,

      body.green-scheme .navbar-default .navbar-nav > .open > .dropdown-menu > .open > a:hover,

      body.green-scheme .navbar-default .navbar-nav > .open > .dropdown-menu > .open > a:focus {

        color: rgba(246, 249, 228, 0.9);

        background-color: rgba(255, 255, 255, 0.1); }

        body.green-scheme .navbar-default .navbar-nav > .open > .dropdown-menu > .open > a i,

        body.green-scheme .navbar-default .navbar-nav > .open > .dropdown-menu > .open > a:hover i,

        body.green-scheme .navbar-default .navbar-nav > .open > .dropdown-menu > .open > a:focus i {

          color: white; }

      body.green-scheme .navbar-default .navbar-nav > .open > .dropdown-menu > .open > .dropdown-menu > .active > a i,

      body.green-scheme .navbar-default .navbar-nav > .open > .dropdown-menu > .open > .dropdown-menu > .active > a:hover i,

      body.green-scheme .navbar-default .navbar-nav > .open > .dropdown-menu > .open > .dropdown-menu > .active > a:focus i {

        color: rgba(246, 249, 228, 0.9); }

      body.green-scheme .navbar-default .side-nav {

        background-color: #83a900; }

        body.green-scheme .navbar-default .side-nav > li > a,

        body.green-scheme .navbar-default .side-nav ul.dropdown-menu > li > a {

          color: rgba(246, 249, 228, 0.9);

          border-top: 1px solid rgba(255, 255, 255, 0.1); }

          body.green-scheme .navbar-default .side-nav > li > a:hover,

          body.green-scheme .navbar-default .side-nav ul.dropdown-menu > li > a:hover {

            color: white; }

          body.green-scheme .navbar-default .side-nav > li > a > i,

          body.green-scheme .navbar-default .side-nav ul.dropdown-menu > li > a > i {

            border-right: 1px solid rgba(255, 255, 255, 0.1); }

        body.green-scheme .navbar-default .side-nav > li:first-child > a,

        body.green-scheme .navbar-default .side-nav ul.dropdown-menu > li:first-child > a {

          border-top: 0; }

        body.green-scheme .navbar-default .side-nav > li:last-child > a,

        body.green-scheme .navbar-default .side-nav ul.dropdown-menu > li:last-child > a {

          border-bottom: 1px solid rgba(255, 255, 255, 0.1); }

        body.green-scheme .navbar-default .side-nav > li.active > a,

        body.green-scheme .navbar-default .side-nav > li.active > a:hover,

        body.green-scheme .navbar-default .side-nav > li.active > a:focus,

        body.green-scheme .navbar-default .side-nav ul.dropdown-menu > li.active > a,

        body.green-scheme .navbar-default .side-nav ul.dropdown-menu > li.active > a:hover,

        body.green-scheme .navbar-default .side-nav ul.dropdown-menu > li.active > a:focus {

          color: white; }

        body.green-scheme .navbar-default .side-nav li.collapsed-content ul.dropdown-menu > li:last-child > a:hover i {

          color: white; }

        body.green-scheme .navbar-default .side-nav li.collapsed-content li.settings ul.dropdown-menu > li > a:hover i {

          color: white; }

        body.green-scheme .navbar-default .side-nav ul.dropdown-menu {

          background-color: #7b9f00; }

          body.green-scheme .navbar-default .side-nav ul.dropdown-menu > li > a:hover {

            background-color: rgba(255, 255, 255, 0.1); }

            body.green-scheme .navbar-default .side-nav ul.dropdown-menu > li > a:hover > i {

              color: white; }

        body.green-scheme .navbar-default .side-nav ul.dropdown-menu > li.dropdown-submenu > ul.dropdown-menu {

          background-color: #739500; }

          body.green-scheme .navbar-default .side-nav ul.dropdown-menu > li.dropdown-submenu > ul.dropdown-menu > li:first-child {

            border-top: 1px solid rgba(255, 255, 255, 0.1); }

          body.green-scheme .navbar-default .side-nav ul.dropdown-menu > li.dropdown-submenu > ul.dropdown-menu > li > a:hover {

            background-color: rgba(255, 255, 255, 0.1); }

            body.green-scheme .navbar-default .side-nav ul.dropdown-menu > li.dropdown-submenu > ul.dropdown-menu > li > a:hover > i {

              color: white; }

        body.green-scheme .navbar-default .side-nav .user-status {

          background-color: #6b8b00; }

          body.green-scheme .navbar-default .side-nav .user-status .user {

            color: white; }

            body.green-scheme .navbar-default .side-nav .user-status .user .role {

              color: rgba(246, 249, 228, 0.9); }

    body.green-scheme #content {

      background-color: rgba(162, 210, 0, 0.04); }

    body.green-scheme .tile.cornered:before {

      border-top-color: #fafdf4;

      border-right-color: #fafdf4; }

    body.green-scheme .breadcrumbs {

      border-bottom: 1px solid rgba(68, 68, 68, 0.1); }

      body.green-scheme .breadcrumbs ol.breadcrumb > li a {

        color: rgba(68, 68, 68, 0.45); }

        body.green-scheme .breadcrumbs ol.breadcrumb > li a:hover {

          color: rgba(68, 68, 68, 0.7); }

      body.green-scheme .breadcrumbs ol.breadcrumb > li:before {

        color: rgba(68, 68, 68, 0.45); }

      body.green-scheme .breadcrumbs ol.breadcrumb > .active {

        color: rgba(68, 68, 68, 0.7); }

    body.green-scheme .submenu h1 {

      color: rgba(68, 68, 68, 0.45); }

      body.green-scheme .submenu h1:after {

        border-top-color: rgba(68, 68, 68, 0.3);

        border-right-color: rgba(68, 68, 68, 0.3); }

    body.green-scheme .submenu .nav.nav-tabs > li.active > a, body.green-scheme .submenu .nav.nav-tabs > li.open > a {

      color: #444444;

      background-color: rgba(162, 210, 0, 0.04); }

      body.green-scheme .submenu .nav.nav-tabs > li.active > a:hover, body.green-scheme .submenu .nav.nav-tabs > li.open > a:hover {

        color: #444444;

        background-color: rgba(162, 210, 0, 0.04); }

    body.green-scheme .submenu .nav.nav-tabs > li > a {

      color: rgba(68, 68, 68, 0.5); }

      body.green-scheme .submenu .nav.nav-tabs > li > a:hover {

        background-color: rgba(162, 210, 0, 0.015);

        color: rgba(68, 68, 68, 0.8); }

    body.green-scheme .submenu .nav.nav-tabs > li .dropdown-menu > li > a:hover {

      background-color: rgba(162, 210, 0, 0.04); }

    body.green-scheme .submenu .nav.nav-tabs > li .dropdown-menu > li.active > a {

      background-color: rgba(162, 210, 0, 0.04); }

    body.green-scheme .submenu .collapsed a:hover h1 {

      color: rgba(68, 68, 68, 0.8); }

    body.green-scheme .submenu.open a h1 {

      color: rgba(68, 68, 68, 0.8); }

    body.green-scheme .submenu.open .nav.nav-tabs > li.dropdown.open .dropdown-menu {

      background-color: rgba(162, 210, 0, 0.015); }

    body.green-scheme input::-webkit-input-placeholder, body.green-scheme textarea::-webkit-input-placeholder {

      color: rgba(246, 249, 228, 0.6); }

    body.green-scheme input:-moz-placeholder, body.green-scheme textarea:-moz-placeholder {

      color: rgba(246, 249, 228, 0.6); }

    body.green-scheme input::-moz-placeholder, body.green-scheme textarea::-moz-placeholder {

      color: rgba(246, 249, 228, 0.6); }

    body.green-scheme input:-ms-input-placeholder, body.green-scheme textarea:-ms-input-placeholder {

      color: rgba(246, 249, 228, 0.6); }

  body.orange-scheme {

    color: #444444;

    /* navbar */

    /* content */

    /* tiles */

    /* breadcrumbs */

    /* submenu */

    /* placeholders */ }

    body.orange-scheme .navbar a,

    body.orange-scheme .submenu a,

    body.orange-scheme .breadcrumbs a {

      color: #444444; }

      body.orange-scheme .navbar a:hover,

      body.orange-scheme .submenu a:hover,

      body.orange-scheme .breadcrumbs a:hover {

        color: #2b2b2b;

        text-decoration: none; }

    body.orange-scheme .divider {

      background: none repeat scroll 0 0 rgba(255, 255, 255, 0.48); }

    body.orange-scheme .navbar-default {

      background-color: #ffd44d;

      /*sidebar*/ }

      body.orange-scheme .navbar-default .navbar-header {

        background-color: #ffc100; }

      body.orange-scheme .navbar-default .navbar-brand {

        color: rgba(255, 249, 233, 0.9);

        background: url(../images/minoral-logo-white.png) no-repeat 0 23px; }

        body.orange-scheme .navbar-default .navbar-brand:hover {

          color: white; }

      body.orange-scheme .navbar-default .user-controls > ul > li > a {

        color: rgba(255, 249, 233, 0.9); }

        body.orange-scheme .navbar-default .user-controls > ul > li > a:hover {

          color: white; }

      body.orange-scheme .navbar-default .sidebar-collapse a i {

        color: rgba(255, 249, 233, 0.9); }

      body.orange-scheme .navbar-default .sidebar-collapse a:hover i {

        color: white; }

      body.orange-scheme .navbar-default .search > input {

        background-color: rgba(255, 144, 0, 0.35);

        color: rgba(255, 249, 233, 0.9); }

        body.orange-scheme .navbar-default .search > input:focus {

          background-color: rgba(255, 144, 0, 0.55); }

      body.orange-scheme .navbar-default .navbar-nav > li.quick-action > a {

        background-color: rgba(255, 144, 0, 0.35); }

      body.orange-scheme .navbar-default .navbar-nav > li > a {

        color: rgba(255, 249, 233, 0.9); }

      body.orange-scheme .navbar-default .navbar-nav > li.divided > .divider {

        background: none repeat scroll 0 0 rgba(255, 255, 255, 0.25); }

      body.orange-scheme .navbar-default .navbar-nav > li > a:hover {

        color: white;

        background-color: rgba(255, 255, 255, 0.1); }

      body.orange-scheme .navbar-default .navbar-nav > .active > a,

      body.orange-scheme .navbar-default .navbar-nav > .active > a:hover,

      body.orange-scheme .navbar-default .navbar-nav > .active > a:focus {

        color: white;

        background-color: rgba(255, 255, 255, 0.1); }

      body.orange-scheme .navbar-default .navbar-nav > .open > a,

      body.orange-scheme .navbar-default .navbar-nav > .open > a:hover,

      body.orange-scheme .navbar-default .navbar-nav > .open > a:focus {

        color: rgba(255, 249, 233, 0.9);

        background-color: rgba(255, 255, 255, 0.1); }

      body.orange-scheme .navbar-default .navbar-nav > .open > .dropdown-menu > .open > a,

      body.orange-scheme .navbar-default .navbar-nav > .open > .dropdown-menu > .open > a:hover,

      body.orange-scheme .navbar-default .navbar-nav > .open > .dropdown-menu > .open > a:focus {

        color: rgba(255, 249, 233, 0.9);

        background-color: rgba(255, 255, 255, 0.1); }

        body.orange-scheme .navbar-default .navbar-nav > .open > .dropdown-menu > .open > a i,

        body.orange-scheme .navbar-default .navbar-nav > .open > .dropdown-menu > .open > a:hover i,

        body.orange-scheme .navbar-default .navbar-nav > .open > .dropdown-menu > .open > a:focus i {

          color: white; }

      body.orange-scheme .navbar-default .navbar-nav > .open > .dropdown-menu > .open > .dropdown-menu > .active > a i,

      body.orange-scheme .navbar-default .navbar-nav > .open > .dropdown-menu > .open > .dropdown-menu > .active > a:hover i,

      body.orange-scheme .navbar-default .navbar-nav > .open > .dropdown-menu > .open > .dropdown-menu > .active > a:focus i {

        color: rgba(255, 249, 233, 0.9); }

      body.orange-scheme .navbar-default .side-nav {

        background-color: #ffd44d; }

        body.orange-scheme .navbar-default .side-nav > li > a,

        body.orange-scheme .navbar-default .side-nav ul.dropdown-menu > li > a {

          color: rgba(255, 249, 233, 0.9);

          border-top: 1px solid rgba(255, 255, 255, 0.2); }

          body.orange-scheme .navbar-default .side-nav > li > a:hover,

          body.orange-scheme .navbar-default .side-nav ul.dropdown-menu > li > a:hover {

            color: white; }

          body.orange-scheme .navbar-default .side-nav > li > a > i,

          body.orange-scheme .navbar-default .side-nav ul.dropdown-menu > li > a > i {

            border-right: 1px solid rgba(255, 255, 255, 0.2); }

        body.orange-scheme .navbar-default .side-nav > li:first-child > a,

        body.orange-scheme .navbar-default .side-nav ul.dropdown-menu > li:first-child > a {

          border-top: 0; }

        body.orange-scheme .navbar-default .side-nav > li:last-child > a,

        body.orange-scheme .navbar-default .side-nav ul.dropdown-menu > li:last-child > a {

          border-bottom: 1px solid rgba(255, 255, 255, 0.2); }

        body.orange-scheme .navbar-default .side-nav > li.active > a,

        body.orange-scheme .navbar-default .side-nav > li.active > a:hover,

        body.orange-scheme .navbar-default .side-nav > li.active > a:focus,

        body.orange-scheme .navbar-default .side-nav ul.dropdown-menu > li.active > a,

        body.orange-scheme .navbar-default .side-nav ul.dropdown-menu > li.active > a:hover,

        body.orange-scheme .navbar-default .side-nav ul.dropdown-menu > li.active > a:focus {

          color: white; }

        body.orange-scheme .navbar-default .side-nav li.collapsed-content ul.dropdown-menu > li:last-child > a:hover i {

          color: white; }

        body.orange-scheme .navbar-default .side-nav li.collapsed-content li.settings ul.dropdown-menu > li > a:hover i {

          color: white; }

        body.orange-scheme .navbar-default .side-nav ul.dropdown-menu {

          background-color: #ffc71a; }

          body.orange-scheme .navbar-default .side-nav ul.dropdown-menu > li > a:hover {

            background-color: rgba(255, 255, 255, 0.2); }

            body.orange-scheme .navbar-default .side-nav ul.dropdown-menu > li > a:hover > i {

              color: white; }

        body.orange-scheme .navbar-default .side-nav ul.dropdown-menu > li.dropdown-submenu > ul.dropdown-menu {

          background-color: #f0b500; }

          body.orange-scheme .navbar-default .side-nav ul.dropdown-menu > li.dropdown-submenu > ul.dropdown-menu > li:first-child {

            border-top: 1px solid rgba(255, 255, 255, 0.2); }

          body.orange-scheme .navbar-default .side-nav ul.dropdown-menu > li.dropdown-submenu > ul.dropdown-menu > li > a:hover {

            background-color: rgba(255, 255, 255, 0.2); }

            body.orange-scheme .navbar-default .side-nav ul.dropdown-menu > li.dropdown-submenu > ul.dropdown-menu > li > a:hover > i {

              color: white; }

        body.orange-scheme .navbar-default .side-nav .user-status {

          background-color: rgba(68, 68, 68, 0.2); }

          body.orange-scheme .navbar-default .side-nav .user-status .user {

            color: white; }

            body.orange-scheme .navbar-default .side-nav .user-status .user .role {

              color: rgba(255, 249, 233, 0.9); }

    body.orange-scheme #content {

      background-color: rgba(255, 193, 0, 0.04); }

    body.orange-scheme .tile.cornered:before {

      border-top-color: #fefcf4;

      border-right-color: #fefcf4; }

    body.orange-scheme .breadcrumbs {

      border-bottom: 1px solid rgba(68, 68, 68, 0.1); }

      body.orange-scheme .breadcrumbs ol.breadcrumb > li a {

        color: rgba(68, 68, 68, 0.45); }

        body.orange-scheme .breadcrumbs ol.breadcrumb > li a:hover {

          color: rgba(68, 68, 68, 0.7); }

      body.orange-scheme .breadcrumbs ol.breadcrumb > li:before {

        color: rgba(68, 68, 68, 0.45); }

      body.orange-scheme .breadcrumbs ol.breadcrumb > .active {

        color: rgba(68, 68, 68, 0.7); }

    body.orange-scheme .submenu h1 {

      color: rgba(68, 68, 68, 0.45); }

      body.orange-scheme .submenu h1:after {

        border-top-color: rgba(68, 68, 68, 0.3);

        border-right-color: rgba(68, 68, 68, 0.3); }

    body.orange-scheme .submenu .nav.nav-tabs > li.active > a, body.orange-scheme .submenu .nav.nav-tabs > li.open > a {

      color: #444444;

      background-color: rgba(255, 193, 0, 0.04); }

      body.orange-scheme .submenu .nav.nav-tabs > li.active > a:hover, body.orange-scheme .submenu .nav.nav-tabs > li.open > a:hover {

        color: #444444;

        background-color: rgba(255, 193, 0, 0.04); }

    body.orange-scheme .submenu .nav.nav-tabs > li > a {

      color: rgba(68, 68, 68, 0.5); }

      body.orange-scheme .submenu .nav.nav-tabs > li > a:hover {

        background-color: rgba(255, 193, 0, 0.015);

        color: rgba(68, 68, 68, 0.8); }

    body.orange-scheme .submenu .nav.nav-tabs > li .dropdown-menu > li > a:hover {

      background-color: rgba(255, 193, 0, 0.04); }

    body.orange-scheme .submenu .nav.nav-tabs > li .dropdown-menu > li.active > a {

      background-color: rgba(255, 193, 0, 0.04); }

    body.orange-scheme .submenu .collapsed a:hover h1 {

      color: rgba(68, 68, 68, 0.8); }

    body.orange-scheme .submenu.open a h1 {

      color: rgba(68, 68, 68, 0.8); }

    body.orange-scheme .submenu.open .nav.nav-tabs > li.dropdown.open .dropdown-menu {

      background-color: rgba(255, 193, 0, 0.015); }

    body.orange-scheme input::-webkit-input-placeholder, body.orange-scheme textarea::-webkit-input-placeholder {

      color: rgba(255, 249, 233, 0.6); }

    body.orange-scheme input:-moz-placeholder, body.orange-scheme textarea:-moz-placeholder {

      color: rgba(255, 249, 233, 0.6); }

    body.orange-scheme input::-moz-placeholder, body.orange-scheme textarea::-moz-placeholder {

      color: rgba(255, 249, 233, 0.6); }

    body.orange-scheme input:-ms-input-placeholder, body.orange-scheme textarea:-ms-input-placeholder {

      color: rgba(255, 249, 233, 0.6); }

  body.amethyst-scheme {

    color: #444444;

    /* navbar */

    /* content */

    /* tiles */

    /* breadcrumbs */

    /* submenu */

    /* placeholders */ }

    body.amethyst-scheme .navbar a,

    body.amethyst-scheme .submenu a,

    body.amethyst-scheme .breadcrumbs a {

      color: #444444; }

      body.amethyst-scheme .navbar a:hover,

      body.amethyst-scheme .submenu a:hover,

      body.amethyst-scheme .breadcrumbs a:hover {

        color: #2b2b2b;

        text-decoration: none; }

    body.amethyst-scheme .divider {

      background: none repeat scroll 0 0 rgba(255, 255, 255, 0.48); }

    body.amethyst-scheme .navbar-default {

      background-color: #b86ce3;

      /*sidebar*/ }

      body.amethyst-scheme .navbar-default .navbar-header {

        background-color: #cd97eb; }

      body.amethyst-scheme .navbar-default .navbar-brand {

        color: rgba(249, 241, 252, 0.9);

        background: url(../images/minoral-logo-white.png) no-repeat 0 23px; }

        body.amethyst-scheme .navbar-default .navbar-brand:hover {

          color: white; }

      body.amethyst-scheme .navbar-default .user-controls > ul > li > a {

        color: rgba(249, 241, 252, 0.9); }

        body.amethyst-scheme .navbar-default .user-controls > ul > li > a:hover {

          color: white; }

      body.amethyst-scheme .navbar-default .sidebar-collapse a i {

        color: rgba(249, 241, 252, 0.9); }

      body.amethyst-scheme .navbar-default .sidebar-collapse a:hover i {

        color: white; }

      body.amethyst-scheme .navbar-default .search > input {

        background-color: rgba(159, 69, 216, 0.5);

        color: rgba(249, 241, 252, 0.8); }

        body.amethyst-scheme .navbar-default .search > input:focus {

          background-color: rgba(159, 69, 216, 0.68); }

      body.amethyst-scheme .navbar-default .navbar-nav > li.quick-action > a {

        background-color: rgba(159, 69, 216, 0.68); }

      body.amethyst-scheme .navbar-default .navbar-nav > li > a {

        color: rgba(249, 241, 252, 0.9); }

      body.amethyst-scheme .navbar-default .navbar-nav > li.divided > .divider {

        background: none repeat scroll 0 0 rgba(255, 255, 255, 0.25); }

      body.amethyst-scheme .navbar-default .navbar-nav > li > a:hover {

        color: white;

        background-color: rgba(255, 255, 255, 0.1); }

      body.amethyst-scheme .navbar-default .navbar-nav > .active > a,

      body.amethyst-scheme .navbar-default .navbar-nav > .active > a:hover,

      body.amethyst-scheme .navbar-default .navbar-nav > .active > a:focus {

        color: white;

        background-color: rgba(255, 255, 255, 0.1); }

      body.amethyst-scheme .navbar-default .navbar-nav > .open > a,

      body.amethyst-scheme .navbar-default .navbar-nav > .open > a:hover,

      body.amethyst-scheme .navbar-default .navbar-nav > .open > a:focus {

        color: rgba(249, 241, 252, 0.9);

        background-color: rgba(255, 255, 255, 0.1); }

      body.amethyst-scheme .navbar-default .navbar-nav > .open > .dropdown-menu > .open > a,

      body.amethyst-scheme .navbar-default .navbar-nav > .open > .dropdown-menu > .open > a:hover,

      body.amethyst-scheme .navbar-default .navbar-nav > .open > .dropdown-menu > .open > a:focus {

        color: rgba(249, 241, 252, 0.9);

        background-color: rgba(255, 255, 255, 0.1); }

        body.amethyst-scheme .navbar-default .navbar-nav > .open > .dropdown-menu > .open > a i,

        body.amethyst-scheme .navbar-default .navbar-nav > .open > .dropdown-menu > .open > a:hover i,

        body.amethyst-scheme .navbar-default .navbar-nav > .open > .dropdown-menu > .open > a:focus i {

          color: white; }

      body.amethyst-scheme .navbar-default .navbar-nav > .open > .dropdown-menu > .open > .dropdown-menu > .active > a i,

      body.amethyst-scheme .navbar-default .navbar-nav > .open > .dropdown-menu > .open > .dropdown-menu > .active > a:hover i,

      body.amethyst-scheme .navbar-default .navbar-nav > .open > .dropdown-menu > .open > .dropdown-menu > .active > a:focus i {

        color: rgba(249, 241, 252, 0.9); }

      body.amethyst-scheme .navbar-default .side-nav {

        background-color: #c382e7; }

        body.amethyst-scheme .navbar-default .side-nav > li > a,

        body.amethyst-scheme .navbar-default .side-nav ul.dropdown-menu > li > a {

          color: rgba(249, 241, 252, 0.9);

          border-top: 1px solid rgba(68, 68, 68, 0.06); }

          body.amethyst-scheme .navbar-default .side-nav > li > a:hover,

          body.amethyst-scheme .navbar-default .side-nav ul.dropdown-menu > li > a:hover {

            color: white; }

          body.amethyst-scheme .navbar-default .side-nav > li > a > i,

          body.amethyst-scheme .navbar-default .side-nav ul.dropdown-menu > li > a > i {

            border-right: 1px solid rgba(68, 68, 68, 0.06); }

        body.amethyst-scheme .navbar-default .side-nav > li:first-child > a,

        body.amethyst-scheme .navbar-default .side-nav ul.dropdown-menu > li:first-child > a {

          border-top: 0; }

        body.amethyst-scheme .navbar-default .side-nav > li:last-child > a,

        body.amethyst-scheme .navbar-default .side-nav ul.dropdown-menu > li:last-child > a {

          border-bottom: 1px solid rgba(68, 68, 68, 0.06); }

        body.amethyst-scheme .navbar-default .side-nav > li.active > a,

        body.amethyst-scheme .navbar-default .side-nav > li.active > a:hover,

        body.amethyst-scheme .navbar-default .side-nav > li.active > a:focus,

        body.amethyst-scheme .navbar-default .side-nav ul.dropdown-menu > li.active > a,

        body.amethyst-scheme .navbar-default .side-nav ul.dropdown-menu > li.active > a:hover,

        body.amethyst-scheme .navbar-default .side-nav ul.dropdown-menu > li.active > a:focus {

          color: white; }

        body.amethyst-scheme .navbar-default .side-nav li.collapsed-content ul.dropdown-menu > li:last-child > a:hover i {

          color: white; }

        body.amethyst-scheme .navbar-default .side-nav li.collapsed-content li.settings ul.dropdown-menu > li > a:hover i {

          color: white; }

        body.amethyst-scheme .navbar-default .side-nav ul.dropdown-menu {

          background-color: #bd75e4; }

          body.amethyst-scheme .navbar-default .side-nav ul.dropdown-menu > li > a:hover {

            background-color: rgba(255, 255, 255, 0.1); }

            body.amethyst-scheme .navbar-default .side-nav ul.dropdown-menu > li > a:hover > i {

              color: white; }

        body.amethyst-scheme .navbar-default .side-nav ul.dropdown-menu > li.dropdown-submenu > ul.dropdown-menu {

          background-color: #b464e1; }

          body.amethyst-scheme .navbar-default .side-nav ul.dropdown-menu > li.dropdown-submenu > ul.dropdown-menu > li:first-child {

            border-top: 1px solid rgba(68, 68, 68, 0.06); }

          body.amethyst-scheme .navbar-default .side-nav ul.dropdown-menu > li.dropdown-submenu > ul.dropdown-menu > li > a:hover {

            background-color: rgba(255, 255, 255, 0.1); }

            body.amethyst-scheme .navbar-default .side-nav ul.dropdown-menu > li.dropdown-submenu > ul.dropdown-menu > li > a:hover > i {

              color: white; }

        body.amethyst-scheme .navbar-default .side-nav .user-status {

          background-color: #ae57df; }

          body.amethyst-scheme .navbar-default .side-nav .user-status .user {

            color: white; }

            body.amethyst-scheme .navbar-default .side-nav .user-status .user .role {

              color: rgba(249, 241, 252, 0.9); }

    body.amethyst-scheme #content {

      background-color: rgba(205, 151, 235, 0.04); }

    body.amethyst-scheme .tile.cornered:before {

      border-top-color: #fcfafe;

      border-right-color: #fcfafe; }

    body.amethyst-scheme .breadcrumbs {

      border-bottom: 1px solid rgba(68, 68, 68, 0.1); }

      body.amethyst-scheme .breadcrumbs ol.breadcrumb > li a {

        color: rgba(68, 68, 68, 0.45); }

        body.amethyst-scheme .breadcrumbs ol.breadcrumb > li a:hover {

          color: rgba(68, 68, 68, 0.7); }

      body.amethyst-scheme .breadcrumbs ol.breadcrumb > li:before {

        color: rgba(68, 68, 68, 0.45); }

      body.amethyst-scheme .breadcrumbs ol.breadcrumb > .active {

        color: rgba(68, 68, 68, 0.7); }

    body.amethyst-scheme .submenu h1 {

      color: rgba(68, 68, 68, 0.45); }

      body.amethyst-scheme .submenu h1:after {

        border-top-color: rgba(68, 68, 68, 0.3);

        border-right-color: rgba(68, 68, 68, 0.3); }

    body.amethyst-scheme .submenu .nav.nav-tabs > li.active > a, body.amethyst-scheme .submenu .nav.nav-tabs > li.open > a {

      color: #444444;

      background-color: rgba(205, 151, 235, 0.04); }

      body.amethyst-scheme .submenu .nav.nav-tabs > li.active > a:hover, body.amethyst-scheme .submenu .nav.nav-tabs > li.open > a:hover {

        color: #444444;

        background-color: rgba(205, 151, 235, 0.04); }

    body.amethyst-scheme .submenu .nav.nav-tabs > li > a {

      color: rgba(68, 68, 68, 0.5); }

      body.amethyst-scheme .submenu .nav.nav-tabs > li > a:hover {

        background-color: rgba(205, 151, 235, 0.015);

        color: rgba(68, 68, 68, 0.8); }

    body.amethyst-scheme .submenu .nav.nav-tabs > li .dropdown-menu > li > a:hover {

      background-color: rgba(205, 151, 235, 0.04); }

    body.amethyst-scheme .submenu .nav.nav-tabs > li .dropdown-menu > li.active > a {

      background-color: rgba(205, 151, 235, 0.04); }

    body.amethyst-scheme .submenu .collapsed a:hover h1 {

      color: rgba(68, 68, 68, 0.8); }

    body.amethyst-scheme .submenu.open a h1 {

      color: rgba(68, 68, 68, 0.8); }

    body.amethyst-scheme .submenu.open .nav.nav-tabs > li.dropdown.open .dropdown-menu {

      background-color: rgba(205, 151, 235, 0.015); }

    body.amethyst-scheme input::-webkit-input-placeholder, body.amethyst-scheme textarea::-webkit-input-placeholder {

      color: rgba(249, 241, 252, 0.6); }

    body.amethyst-scheme input:-moz-placeholder, body.amethyst-scheme textarea:-moz-placeholder {

      color: rgba(249, 241, 252, 0.6); }

    body.amethyst-scheme input::-moz-placeholder, body.amethyst-scheme textarea::-moz-placeholder {

      color: rgba(249, 241, 252, 0.6); }

    body.amethyst-scheme input:-ms-input-placeholder, body.amethyst-scheme textarea:-ms-input-placeholder {

      color: rgba(249, 241, 252, 0.6); }



/*****************************************/

/************* MAIN SETTINGS *************/

/*****************************************/

html {

  min-height: 100%; }



#wrap {

  margin: 0;

  padding: 0 15px; }

  #wrap #content {

    padding-top: 60px;

    padding-left: 265px;

    padding-right: 25px; }

    #wrap #content.fixed {

      position: fixed;

      height: 100%;

      width: 100%; }

    #wrap #content .main {

      margin: 20px 0; }



body {

  font-family: 'Roboto', 'Helvetica', Arial, sans-serif;

  height: 100%; }

  body .navbar-default {

    border: 0; }

  body .divider {

    display: block;

    height: 1px;

    margin: 0 auto;

    width: 100px;

    margin-bottom: 40px; }

    body .divider.vertical {

      margin-bottom: 0;

      width: 1px;

      height: 100px;

      display: inline-block; }

      /*

  body .mask {

    background-color: rgba(255, 255, 255, 0.9);

    width: 100%;

    height: 100%;

    position: fixed;

    z-index: 100000; }

    body .mask #loader {

      background: url(../images/loader.gif) center center no-repeat;

      height: 9px;

      width: 9px;

      left: 50%;

      top: 50%;

      position: absolute;

      margin: -25px 0 0 -25px; }



.el-reloader {

  background: url(../images/loader.gif) center center no-repeat;

  height: 9px;

  width: 9px;

  left: 75%;

  top: 75%;

  position: absolute;

  margin: -25px 0 0 -25px; }

*/

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {

  font-family: 'Roboto', 'Helvetica', Arial, sans-serif; }



/*********************************/

/************* FORMS *************/

/*********************************/

body #content {

  /* input groups */ }

  body #content .uneditable-input,

  body #content textarea,

  body #content input[type="text"],

  body #content input[type="password"],

  body #content input[type="datetime"],

  body #content input[type="datetime-local"],

  body #content input[type="date"],

  body #content input[type="month"],

  body #content input[type="time"],

  body #content input[type="week"],

  body #content input[type="number"],

  body #content input[type="email"],

  body #content input[type="url"],

  body #content input[type="search"],

  body #content input[type="tel"],

  body #content input[type="color"] {

    -webkit-appearance: none !important;

    color: #717171;

    outline: 0;

    height: 16px;

    padding: 6px 11px !important;

    line-height: 18px;

    font-size: 13px;

    vertical-align: top;

    background-color: #fafafa;

    min-height: 37px;

    filter: none !important;

    -webkit-box-shadow: none !important;

    -moz-box-shadow: none !important;

    box-shadow: none !important;

    -webkit-border-radius: 0;

    -moz-border-radius: 0;

    -ms-border-radius: 0;

    -o-border-radius: 0;

    border-radius: 0;

    border: 1px solid #ececec;

    -webkit-transition: all .2s linear;

    /* Safari */

    transition: all .2s linear;

    /* sizing */

    /*parsley */ }

    body #content .uneditable-input:focus,

    body #content textarea:focus,

    body #content input[type="text"]:focus,

    body #content input[type="password"]:focus,

    body #content input[type="datetime"]:focus,

    body #content input[type="datetime-local"]:focus,

    body #content input[type="date"]:focus,

    body #content input[type="month"]:focus,

    body #content input[type="time"]:focus,

    body #content input[type="week"]:focus,

    body #content input[type="number"]:focus,

    body #content input[type="email"]:focus,

    body #content input[type="url"]:focus,

    body #content input[type="search"]:focus,

    body #content input[type="tel"]:focus,

    body #content input[type="color"]:focus {

      outline: none;

      background-color: #fff;

      border: 1px solid #d2d2d2; }

    body #content .uneditable-input.transparent,

    body #content textarea.transparent,

    body #content input[type="text"].transparent,

    body #content input[type="password"].transparent,

    body #content input[type="datetime"].transparent,

    body #content input[type="datetime-local"].transparent,

    body #content input[type="date"].transparent,

    body #content input[type="month"].transparent,

    body #content input[type="time"].transparent,

    body #content input[type="week"].transparent,

    body #content input[type="number"].transparent,

    body #content input[type="email"].transparent,

    body #content input[type="url"].transparent,

    body #content input[type="search"].transparent,

    body #content input[type="tel"].transparent,

    body #content input[type="color"].transparent {

      background-color: rgba(0, 0, 0, 0.1);

      border: 0;

      color: rgba(255, 255, 255, 0.7); }

      body #content .uneditable-input.transparent:focus,

      body #content textarea.transparent:focus,

      body #content input[type="text"].transparent:focus,

      body #content input[type="password"].transparent:focus,

      body #content input[type="datetime"].transparent:focus,

      body #content input[type="datetime-local"].transparent:focus,

      body #content input[type="date"].transparent:focus,

      body #content input[type="month"].transparent:focus,

      body #content input[type="time"].transparent:focus,

      body #content input[type="week"].transparent:focus,

      body #content input[type="number"].transparent:focus,

      body #content input[type="email"].transparent:focus,

      body #content input[type="url"].transparent:focus,

      body #content input[type="search"].transparent:focus,

      body #content input[type="tel"].transparent:focus,

      body #content input[type="color"].transparent:focus {

        background-color: rgba(0, 0, 0, 0.15); }

    body #content .uneditable-input.input-lg,

    body #content textarea.input-lg,

    body #content input[type="text"].input-lg,

    body #content input[type="password"].input-lg,

    body #content input[type="datetime"].input-lg,

    body #content input[type="datetime-local"].input-lg,

    body #content input[type="date"].input-lg,

    body #content input[type="month"].input-lg,

    body #content input[type="time"].input-lg,

    body #content input[type="week"].input-lg,

    body #content input[type="number"].input-lg,

    body #content input[type="email"].input-lg,

    body #content input[type="url"].input-lg,

    body #content input[type="search"].input-lg,

    body #content input[type="tel"].input-lg,

    body #content input[type="color"].input-lg {

      height: 46px;

      padding: 10px 16px !important;

      font-size: 18px;

      line-height: 1.33; }

    body #content .uneditable-input.input-sm,

    body #content textarea.input-sm,

    body #content input[type="text"].input-sm,

    body #content input[type="password"].input-sm,

    body #content input[type="datetime"].input-sm,

    body #content input[type="datetime-local"].input-sm,

    body #content input[type="date"].input-sm,

    body #content input[type="month"].input-sm,

    body #content input[type="time"].input-sm,

    body #content input[type="week"].input-sm,

    body #content input[type="number"].input-sm,

    body #content input[type="email"].input-sm,

    body #content input[type="url"].input-sm,

    body #content input[type="search"].input-sm,

    body #content input[type="tel"].input-sm,

    body #content input[type="color"].input-sm {

      height: 25px;

      min-height: 30px;

      padding: 5px 10px !important;

      font-size: 11px;

      line-height: 1.5; }

    body #content .uneditable-input.parsley-validated.parsley-error,

    body #content textarea.parsley-validated.parsley-error,

    body #content input[type="text"].parsley-validated.parsley-error,

    body #content input[type="password"].parsley-validated.parsley-error,

    body #content input[type="datetime"].parsley-validated.parsley-error,

    body #content input[type="datetime-local"].parsley-validated.parsley-error,

    body #content input[type="date"].parsley-validated.parsley-error,

    body #content input[type="month"].parsley-validated.parsley-error,

    body #content input[type="time"].parsley-validated.parsley-error,

    body #content input[type="week"].parsley-validated.parsley-error,

    body #content input[type="number"].parsley-validated.parsley-error,

    body #content input[type="email"].parsley-validated.parsley-error,

    body #content input[type="url"].parsley-validated.parsley-error,

    body #content input[type="search"].parsley-validated.parsley-error,

    body #content input[type="tel"].parsley-validated.parsley-error,

    body #content input[type="color"].parsley-validated.parsley-error {

      background-color: #ffeced;

      border: 1px solid #ffb9bd; }

    body #content .uneditable-input.parsley-validated.parsley-success,

    body #content textarea.parsley-validated.parsley-success,

    body #content input[type="text"].parsley-validated.parsley-success,

    body #content input[type="password"].parsley-validated.parsley-success,

    body #content input[type="datetime"].parsley-validated.parsley-success,

    body #content input[type="datetime-local"].parsley-validated.parsley-success,

    body #content input[type="date"].parsley-validated.parsley-success,

    body #content input[type="month"].parsley-validated.parsley-success,

    body #content input[type="time"].parsley-validated.parsley-success,

    body #content input[type="week"].parsley-validated.parsley-success,

    body #content input[type="number"].parsley-validated.parsley-success,

    body #content input[type="email"].parsley-validated.parsley-success,

    body #content input[type="url"].parsley-validated.parsley-success,

    body #content input[type="search"].parsley-validated.parsley-success,

    body #content input[type="tel"].parsley-validated.parsley-success,

    body #content input[type="color"].parsley-validated.parsley-success {

      background-color: #f6f9e4;

      border: 1px solid #e8f0ba; }

  body #content .checkbox input[type=checkbox].parsley-error + label::before {

    background-color: #ffeced;

    border: 1px solid #ffb9bd; }

  body #content .checkbox input[type=checkbox].parsley-success + label::before {

    background-color: #f6f9e4;

    border: 1px solid #e8f0ba; }

  body #content .parsley-error-list {

    list-style-type: none;

    padding: 0;

    font-size: 11px;

    font-weight: 300; }

  body #content textarea {

    height: auto; }

  body #content .form-control[disabled],

  body #content .form-control[readonly],

  body #content fieldset[disabled] .form-contro {

    background-color: #e8e8e8;

    border: 1px solid #e2e2e2; }

    body #content .form-control[disabled]:focus,

    body #content .form-control[readonly]:focus,

    body #content fieldset[disabled] .form-contro:focus {

      background-color: #e8e8e8;

      border: 1px solid #e2e2e2; }

  body #content div.checkbox {

    margin: 5px 0; }

    body #content div.checkbox.check-cyan input[type=checkbox]:checked + label:before {

      background-color: #22beef;

      border: 1px solid #22beef; }

    body #content div.checkbox.check-cyan input[type=checkbox]:checked + label::after {

      color: #fff; }

    body #content div.checkbox.check-cyan label.done {

      color: #22beef; }

    body #content div.checkbox.check-green input[type=checkbox]:checked + label:before {

      background-color: #a2d200;

      border: 1px solid #a2d200; }

    body #content div.checkbox.check-green input[type=checkbox]:checked + label::after {

      color: #fff; }

    body #content div.checkbox.check-green label.done {

      color: #a2d200; }

    body #content div.checkbox.check-amethyst input[type=checkbox]:checked + label:before {

      background-color: #cd97eb;

      border: 1px solid #cd97eb; }

    body #content div.checkbox.check-amethyst input[type=checkbox]:checked + label::after {

      color: #fff; }

    body #content div.checkbox.check-amethyst label.done {

      color: #cd97eb; }

    body #content div.checkbox.check-orange input[type=checkbox]:checked + label:before {

      background-color: #ffc100;

      border: 1px solid #ffc100; }

    body #content div.checkbox.check-orange input[type=checkbox]:checked + label::after {

      color: #fff; }

    body #content div.checkbox.check-orange label.done {

      color: #ffc100; }

    body #content div.checkbox.check-red input[type=checkbox]:checked + label:before {

      background-color: #ff4a43;

      border: 1px solid #ff4a43; }

    body #content div.checkbox.check-red input[type=checkbox]:checked + label::after {

      color: #fff; }

    body #content div.checkbox.check-red label.done {

      color: #ff4a43; }

    body #content div.checkbox.check-transparent input[type=checkbox] + label:before {

      background-color: rgba(0, 0, 0, 0.08);

      border: 0;

      -webkit-box-shadow: inset 0 0 10px 0 rgba(0, 0, 0, 0.05);

      box-shadow: inset 0 0 10px 0 rgba(0, 0, 0, 0.05); }

    body #content div.checkbox.check-transparent input[type=checkbox]:checked + label:before {

      background-color: rgba(0, 0, 0, 0.12);

      -webkit-box-shadow: inset 0 0 10px 0 rgba(0, 0, 0, 0.1);

      box-shadow: inset 0 0 10px 0 rgba(0, 0, 0, 0.1);

      border: 0; }

    body #content div.checkbox.check-transparent input[type=checkbox]:checked + label::after {

      color: rgba(0, 0, 0, 0.3); }

    body #content div.checkbox.check-transparent label {

      color: rgba(0, 0, 0, 0.2); }

    body #content div.checkbox.check-transparent input[type=checkbox]:checked + label {

      color: rgba(0, 0, 0, 0.3); }

    body #content div.checkbox label {

      margin: 0;

      line-height: 24px; }

      body #content div.checkbox label:before {

        width: 20px;

        height: 20px;

        -webkit-border-radius: 2px;

        -moz-border-radius: 2px;

        -ms-border-radius: 2px;

        -o-border-radius: 2px;

        border-radius: 2px; }

      body #content div.checkbox label:after {

        width: 20px;

        height: 20px;

        font-size: 14px;

        -webkit-border-radius: 2px;

        -moz-border-radius: 2px;

        -ms-border-radius: 2px;

        -o-border-radius: 2px;

        border-radius: 2px; }

      body #content div.checkbox label.done {

        text-decoration: line-through; }

  body #content .chosen-container {

    width: 100% !important; }

  body #content select + .chosen-container.chosen-container-single .chosen-single {

    -webkit-appearance: none !important;

    color: rgba(113, 113, 113, 0.5) !important;

    outline: 0;

    height: 16px;

    padding: 6px 11px !important;

    line-height: 22px;

    font-size: 14px;

    vertical-align: top;

    background-color: #fafafa;

    min-height: 37px;

    filter: none !important;

    -webkit-box-shadow: none !important;

    -moz-box-shadow: none !important;

    box-shadow: none !important;

    -webkit-border-radius: 0;

    -moz-border-radius: 0;

    -ms-border-radius: 0;

    -o-border-radius: 0;

    border-radius: 0;

    border: 1px solid #ececec;

    -webkit-transition: all .2s linear;

    /* Safari */

    transition: all .2s linear; }

  body #content select + .chosen-container.chosen-container-single.chosen-container-active .chosen-single {

    outline: none;

    background-color: #fff;

    border: 1px solid #d2d2d2; }

  body #content select.parsley-error + .chosen-container.chosen-container-single .chosen-single {

    background-color: #ffeced;

    border: 1px solid #ffb9bd; }

  body #content select.parsley-success + .chosen-container.chosen-container-single .chosen-single {

    background-color: #f6f9e4;

    border: 1px solid #e8f0ba; }

  body #content select + .chosen-container-multi .chosen-choices {

    -webkit-appearance: none !important;

    color: rgba(113, 113, 113, 0.5) !important;

    outline: 0;

    height: 16px;

    padding: 6px 11px !important;

    line-height: 15px;

    font-size: 13px;

    vertical-align: top;

    background-color: #fafafa;

    min-height: 37px;

    filter: none !important;

    -webkit-box-shadow: none !important;

    -moz-box-shadow: none !important;

    box-shadow: none !important;

    -webkit-border-radius: 0;

    -moz-border-radius: 0;

    -ms-border-radius: 0;

    -o-border-radius: 0;

    border-radius: 0;

    border: 1px solid #ececec;

    -webkit-transition: all .2s linear;

    /* Safari */

    transition: all .2s linear; }

    body #content select + .chosen-container-multi .chosen-choices .search-field input {

      padding: 0 !important;

      margin: 3px 0;

      min-height: initial;

      color: inherit; }

    body #content select + .chosen-container-multi .chosen-choices .search-choice {

      border-radius: 2px;

      font-size: 11px;

      line-height: 18px; }

  body #content select + .chosen-container-multi.chosen-container-active .chosen-choices {

    outline: none;

    background-color: #fff;

    border: 1px solid #d2d2d2; }

  body #content select.parsley-error + .chosen-container-multi .chosen-choices {

    background-color: #ffeced;

    border: 1px solid #ffb9bd; }

  body #content select.parsley-success + .chosen-container-multi .chosen-choices {

    background-color: #f6f9e4;

    border: 1px solid #e8f0ba; }

  body #content select.chosen-transparent + .chosen-container-multi .chosen-choices {

    background-color: rgba(0, 0, 0, 0.1);

    border: 0;

    color: rgba(255, 255, 255, 0.7); }

    body #content select.chosen-transparent + .chosen-container-multi .chosen-choices .search-choice {

      border-radius: 2px;

      border: 0;

      color: rgba(255, 255, 255, 0.8);

      background-color: rgba(0, 0, 0, 0.15);

      font-size: 11px;

      line-height: 18px;

      -webkit-box-shadow: none !important;

      -moz-box-shadow: none !important;

      box-shadow: none !important; }

      body #content select.chosen-transparent + .chosen-container-multi .chosen-choices .search-choice .search-choice-close {

        background: url(../images/chosen-sprite-transparent.png) -42px 1px no-repeat; }

        body #content select.chosen-transparent + .chosen-container-multi .chosen-choices .search-choice .search-choice-close:hover {

          background-position: -42px -10px; }

  body #content select.chosen-transparent + .chosen-container-multi.chosen-container-active .chosen-choices {

    background-color: rgba(0, 0, 0, 0.15); }

  body #content select + .chosen-container .chosen-drop {

    -webkit-border-radius: 0;

    -moz-border-radius: 0;

    -ms-border-radius: 0;

    -o-border-radius: 0;

    border-radius: 0; }

  body #content select + .chosen-container .chosen-results {

    font-size: 13px;

    color: #717171; }

  body #content .input-group.input-group-lg > .form-control,

  body #content .input-group.input-group-lg > .input-group-addon,

  body #content .input-group.input-group-lg > .input-group-btn > .btn {

    height: 46px;

    padding: 10px 16px;

    font-size: 18px;

    line-height: 1.33;

    -webkit-border-radius: 0;

    -moz-border-radius: 0;

    -ms-border-radius: 0;

    -o-border-radius: 0;

    border-radius: 0; }

  body #content .input-group.input-group-sm > .form-control,

  body #content .input-group.input-group-sm > .input-group-addon,

  body #content .input-group.input-group-sm > .input-group-btn > .btn {

    height: 25px;

    min-height: 30px;

    font-size: 11px;

    line-height: 1.5;

    -webkit-border-radius: 0;

    -moz-border-radius: 0;

    -ms-border-radius: 0;

    -o-border-radius: 0;

    border-radius: 0; }

  body #content .input-group .input-group-btn > .btn {

    line-height: 23px; }

  body #content .input-group.color-select {

    border-bottom: 5px solid #717171; }

  body #content .input-group .input-group-addon {

    border: 1px solid transparent;

    -webkit-border-radius: 0;

    -moz-border-radius: 0;

    -ms-border-radius: 0;

    -o-border-radius: 0;

    border-radius: 0; }

    body #content .input-group .input-group-addon.addon-red {

      background-color: #ff7b76;

      color: white; }

    body #content .input-group .input-group-addon.addon-green {

      background-color: #a2d200;

      color: white; }

    body #content .input-group .input-group-addon.addon-cyan {

      background-color: #52ccf2;

      color: white; }

    body #content .input-group .input-group-addon.addon-orange {

      background-color: #ffcd33;

      color: white; }

    body #content .input-group .input-group-addon.addon-amethyst {

      background-color: #cd97eb;

      color: white; }

    body #content .input-group .input-group-addon.addon-greensea {

      background-color: #1ccdaa;

      color: white; }

    body #content .input-group .input-group-addon.addon-drank {

      background-color: #d5099c;

      color: white; }

    body #content .input-group .input-group-addon.addon-dutch {

      background-color: #1cbbd2;

      color: white; }

    body #content .input-group .input-group-addon.addon-hotpink {

      background-color: #ff3385;

      color: white; }

  body #content form .form-group.form-footer {

    margin-bottom: -15px;

    padding: 15px 0;

    background-color: #f2f2f2; }

    body #content form .form-group.form-footer.footer-red {

      background-color: #ff7b76; }

    body #content form .form-group.form-footer.footer-cyan {

      background-color: #52ccf2; }

    body #content form .form-group.form-footer.footer-green {

      background-color: #a2d200; }

    body #content form .form-group.form-footer.footer-orange {

      background-color: #ffcd33; }

    body #content form .form-group.form-footer.footer-amethyst {

      background-color: #e2c2f3; }

    body #content form .form-group.form-footer.footer-greensea {

      background-color: #1ccdaa; }

    body #content form .form-group.form-footer.footer-dutch {

      background-color: #1cbbd2; }

    body #content form .form-group.form-footer.footer-drank {

      background-color: #d5099c; }

    body #content form .form-group.form-footer.footer-hotpink {

      background-color: #ff3385; }

    body #content form .form-group.form-footer.footer-white {

      background-color: white; }

    body #content form .form-group.form-footer.footer-black-transparent {

      background-color: rgba(0, 0, 0, 0.1); }



/**********************************/

/************* NAVBAR *************/

/**********************************/

body .navbar {

  min-height: 60px; }

  body .navbar.navbar-default {

    border: 0; }

  body .navbar .navbar-header {

    width: 250px;

    position: relative;

    z-index: 99; }

    body .navbar .navbar-header .navbar-brand {

      padding: 19px 0;

      font-weight: 300;

      font-size: 20px;

      line-height: 22px;

      padding-left: 15px; }

      body .navbar .navbar-header .navbar-brand img {

        vertical-align: top;

        margin-top: 4px; }

      body .navbar .navbar-header .navbar-brand .divider.vertical {

        height: 22px;

        vertical-align: top; }

    body .navbar .navbar-header .sidebar-collapse {

      display: inline-block;

      float: right;

      padding: 15px 0; }

      body .navbar .navbar-header .sidebar-collapse a {

        font-size: 21px;

        padding: 5px 10px; }

  body .navbar .navbar-nav > li > a {

    padding-top: 20px;

    padding-bottom: 20px; }

  body .navbar .navbar-nav li.divided a {

    float: left; }

  body .navbar .navbar-nav li.divided .divider {

    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.25); }

    body .navbar .navbar-nav li.divided .divider.vertical {

      height: 20px;

      float: right;

      vertical-align: top;

      margin: 19px 0;

      position: absolute; }

  body .navbar .navbar-nav li.quick-action {

    padding: 16px 0 16px 15px; }

    body .navbar .navbar-nav li.quick-action > a {

      padding: 3px 6px;

      -webkit-border-radius: 3px;

      -moz-border-radius: 3px;

      -ms-border-radius: 3px;

      -o-border-radius: 3px;

      border-radius: 3px;

      overflow: hidden;

      position: relative;

      /*-webkit-transition: all .2s linear;

              transition: all .2s linear;*/ }

      body .navbar .navbar-nav li.quick-action > a i {

        position: relative;

        -webkit-transition: all .1s linear;

        transition: all .1s linear; }

      body .navbar .navbar-nav li.quick-action > a .overlay-label {

        bottom: -24px;

        -webkit-transition: all .1s linear;

        transition: all .1s linear; }

      body .navbar .navbar-nav li.quick-action > a:hover i {

        top: -23px; }

      body .navbar .navbar-nav li.quick-action > a:hover .overlay-label {

        bottom: 0; }

    body .navbar .navbar-nav li.quick-action > ul.dropdown-menu {

      -webkit-animation-duration: .3s;

      animation-duration: .3s; }

      body .navbar .navbar-nav li.quick-action > ul.dropdown-menu > li {

        border-bottom: 1px dotted rgba(0, 0, 0, 0.05); }

        body .navbar .navbar-nav li.quick-action > ul.dropdown-menu > li:first-child, body .navbar .navbar-nav li.quick-action > ul.dropdown-menu > li:last-child {

          border: 0; }

        body .navbar .navbar-nav li.quick-action > ul.dropdown-menu > li > a {

          font-weight: 400;

          font-size: 12px; }

          body .navbar .navbar-nav li.quick-action > ul.dropdown-menu > li > a .label {

            display: inline-block;

            height: 18px;

            width: 20px;

            padding: 5px; }

            body .navbar .navbar-nav li.quick-action > ul.dropdown-menu > li > a .label i {

              font-size: 10px; }

          body .navbar .navbar-nav li.quick-action > ul.dropdown-menu > li > a .small {

            float: right;

            color: #d2d2d2;

            margin-top: 3px;

            font-weight: 300;

            font-size: 9px; }

        body .navbar .navbar-nav li.quick-action > ul.dropdown-menu > li:last-child a i {

          float: right;

          margin-top: 3px; }

  body .navbar .search {

	padding: 15px 0;

	width: 19%;

	margin-left: 15%;

	float: left;

}

    body .navbar .search input {

      font-family: 'FontAwesome','Roboto', 'Helvetica', Arial, sans-serif;

      border: 0;

      height: 30px;

      font-size: 14px;

      font-weight: 300;

      padding: 0;

      text-indent: 10px;

      width: 100%;

      -webkit-border-radius: 3px;

      -moz-border-radius: 3px;

      -ms-border-radius: 3px;

      -o-border-radius: 3px;

      border-radius: 3px; }

      body .navbar .search input:focus {

        outline: 0; }

  body .navbar .user-controls {

    float: right;

    padding: 12px 0;

    padding-right: 10px; }

    body .navbar .user-controls ul {

      list-style-type: none;

      padding: 0;

      margin: 0; }

      body .navbar .user-controls ul li {

        display: inline-block;

        vertical-align: middle; }

        body .navbar .user-controls ul li a {

          font-weight: 300; }

          body .navbar .user-controls ul li a:focus {

            text-decoration: none; }

          body .navbar .user-controls ul li a i {

            font-size: 12px;

            padding: 0 2px; }

        body .navbar .user-controls ul li.dropdown.messages .dropdown-menu {

          left: -200px;

          top: 40px;

          -webkit-animation-duration: .3s;

          animation-duration: .3s; }

          body .navbar .user-controls ul li.dropdown.messages .dropdown-menu > li {

            display: block; }

            body .navbar .user-controls ul li.dropdown.messages .dropdown-menu > li > a {

              margin: 10px;

              -webkit-border-radius: 5px;

              -moz-border-radius: 5px;

              -ms-border-radius: 5px;

              -o-border-radius: 5px;

              border-radius: 5px;

              background-color: #fcfcfc;

              -webkit-transition: all .25s ease-in-out;

              transition: all .25s ease-in-out; }

              body .navbar .user-controls ul li.dropdown.messages .dropdown-menu > li > a.cyan {

                background-color: #f4fcfe; }

                body .navbar .user-controls ul li.dropdown.messages .dropdown-menu > li > a.cyan:hover {

                  background-color: #e0f6fe; }

              body .navbar .user-controls ul li.dropdown.messages .dropdown-menu > li > a.green {

                background-color: #f9fbec; }

                body .navbar .user-controls ul li.dropdown.messages .dropdown-menu > li > a.green:hover {

                  background-color: #f0f5d3; }

              body .navbar .user-controls ul li.dropdown.messages .dropdown-menu > li > a.orange {

                background-color: #fffcf3; }

                body .navbar .user-controls ul li.dropdown.messages .dropdown-menu > li > a.orange:hover {

                  background-color: #fff6df; }

              body .navbar .user-controls ul li.dropdown.messages .dropdown-menu > li > a.red {

                background-color: #fff6f7; }

                body .navbar .user-controls ul li.dropdown.messages .dropdown-menu > li > a.red:hover {

                  background-color: #ffe2e3; }

              body .navbar .user-controls ul li.dropdown.messages .dropdown-menu > li > a.amethyst {

                background-color: #fdf9fe; }

                body .navbar .user-controls ul li.dropdown.messages .dropdown-menu > li > a.amethyst:hover {

                  background-color: #f5e9fa; }

              body .navbar .user-controls ul li.dropdown.messages .dropdown-menu > li > a:hover {

                background-color: #f2f2f2; }

              body .navbar .user-controls ul li.dropdown.messages .dropdown-menu > li > a .message-info {

                vertical-align: top;

                display: inline-block;

                font-size: 11px;

                margin-left: 5px;

                width: 265px; }

                body .navbar .user-controls ul li.dropdown.messages .dropdown-menu > li > a .message-info .sender {

                  font-weight: 500; }

                body .navbar .user-controls ul li.dropdown.messages .dropdown-menu > li > a .message-info .time {

                  float: right;

                  font-weight: 300;

                  font-size: 9px;

                  color: #b2b2b2; }

                body .navbar .user-controls ul li.dropdown.messages .dropdown-menu > li > a .message-info .message-content {

                  white-space: normal;

                  margin-top: 5px; }

            body .navbar .user-controls ul li.dropdown.messages .dropdown-menu > li:last-child {

              border-top: 1px dotted rgba(0, 0, 0, 0.05); }

              body .navbar .user-controls ul li.dropdown.messages .dropdown-menu > li:last-child a {

                background-color: white;

                font-weight: 400;

                font-size: 12px;

                margin: 0;

                -webkit-border-radius: 0;

                -moz-border-radius: 0;

                -ms-border-radius: 0;

                -o-border-radius: 0;

                border-radius: 0; }

                body .navbar .user-controls ul li.dropdown.messages .dropdown-menu > li:last-child a:hover {

                  background-color: #fcfcfc; }

                body .navbar .user-controls ul li.dropdown.messages .dropdown-menu > li:last-child a i {

                  float: right;

                  margin-top: 3px; }

          body .navbar .user-controls ul li.dropdown.messages .dropdown-menu.arrow:before {

            left: 200px; }

          body .navbar .user-controls ul li.dropdown.messages .dropdown-menu.wide {

            width: 350px !important;

            max-width: 400px !important; }

        body .navbar .user-controls ul li.dropdown.settings .dropdown-menu {

          -webkit-border-radius: 0;

          -moz-border-radius: 0;

          -ms-border-radius: 0;

          -o-border-radius: 0;

          border-radius: 0;

          left: -125px;

          top: 30px;

          border: 0;

          padding: 5px;

          -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.176);

          box-shadow: 0 2px 8px rgba(0, 0, 0, 0.176);

          -webkit-animation-duration: .3s;

          animation-duration: .3s; }

          body .navbar .user-controls ul li.dropdown.settings .dropdown-menu > li {

            display: block; }

            body .navbar .user-controls ul li.dropdown.settings .dropdown-menu > li > a {

              padding: 5px 10px;

              font-size: 12px; }

              body .navbar .user-controls ul li.dropdown.settings .dropdown-menu > li > a i {

                font-size: 14px; }

            body .navbar .user-controls ul li.dropdown.settings .dropdown-menu > li h3 {

              padding: 0;

              margin: 0 10px;

              font-size: 13px;

              font-weight: 300; }

            body .navbar .user-controls ul li.dropdown.settings .dropdown-menu > li #color-schemes {

              margin: 10px;

              text-align: center; }

              body .navbar .user-controls ul li.dropdown.settings .dropdown-menu > li #color-schemes > li {

                width: 22%;

                text-align: center; }

                body .navbar .user-controls ul li.dropdown.settings .dropdown-menu > li #color-schemes > li > a {

                  display: inline-block;

                  width: 70%;

                  height: 20px;

                  border: 1px solid rgba(0, 0, 0, 0.1);

                  -webkit-border-radius: 20px;

                  -moz-border-radius: 20px;

                  -ms-border-radius: 20px;

                  -o-border-radius: 20px;

                  border-radius: 20px;

                  -webkit-transition: all .25s ease-in-out;

                  transition: all .25s ease-in-out; }

                  body .navbar .user-controls ul li.dropdown.settings .dropdown-menu > li #color-schemes > li > a.brownish-scheme {

                    background-color: #f1e8dc; }

                    body .navbar .user-controls ul li.dropdown.settings .dropdown-menu > li #color-schemes > li > a.brownish-scheme:hover {

                      background-color: #dbc4a5; }

                  body .navbar .user-controls ul li.dropdown.settings .dropdown-menu > li #color-schemes > li > a.darkgrey-scheme {

                    background-color: #1b1e24; }

                    body .navbar .user-controls ul li.dropdown.settings .dropdown-menu > li #color-schemes > li > a.darkgrey-scheme:hover {

                      background-color: #3c4250; }

                  body .navbar .user-controls ul li.dropdown.settings .dropdown-menu > li #color-schemes > li > a.lightgrey-scheme {

                    background-color: #fcfcfc; }

                    body .navbar .user-controls ul li.dropdown.settings .dropdown-menu > li #color-schemes > li > a.lightgrey-scheme:hover {

                      background-color: #d6d6d6; }

                  body .navbar .user-controls ul li.dropdown.settings .dropdown-menu > li #color-schemes > li > a.cyan-scheme {

                    background-color: #22beef; }

                    body .navbar .user-controls ul li.dropdown.settings .dropdown-menu > li #color-schemes > li > a.cyan-scheme:hover {

                      background-color: #0d8fb7; }

                  body .navbar .user-controls ul li.dropdown.settings .dropdown-menu > li #color-schemes > li > a.red-scheme {

                    background-color: #ff4a43; }

                    body .navbar .user-controls ul li.dropdown.settings .dropdown-menu > li #color-schemes > li > a.red-scheme:hover {

                      background-color: #f50900; }

                  body .navbar .user-controls ul li.dropdown.settings .dropdown-menu > li #color-schemes > li > a.orange-scheme {

                    background-color: #ffc100; }

                    body .navbar .user-controls ul li.dropdown.settings .dropdown-menu > li #color-schemes > li > a.orange-scheme:hover {

                      background-color: #b38700; }

                  body .navbar .user-controls ul li.dropdown.settings .dropdown-menu > li #color-schemes > li > a.amethyst-scheme {

                    background-color: #cd97eb; }

                    body .navbar .user-controls ul li.dropdown.settings .dropdown-menu > li #color-schemes > li > a.amethyst-scheme:hover {

                      background-color: #ae57df; }

                  body .navbar .user-controls ul li.dropdown.settings .dropdown-menu > li #color-schemes > li > a.green-scheme {

                    background-color: #a2d200; }

                    body .navbar .user-controls ul li.dropdown.settings .dropdown-menu > li #color-schemes > li > a.green-scheme:hover {

                      background-color: #678500; }

          body .navbar .user-controls ul li.dropdown.settings .dropdown-menu.arrow:before {

            border-bottom-color: white;

            left: 134px; }

        body .navbar .user-controls ul li .profile-photo {

          display: inline-block;

          -webkit-border-radius: 50%;

          -moz-border-radius: 50%;

          -ms-border-radius: 50%;

          -o-border-radius: 50%;

          border-radius: 50%;

          overflow: hidden;

          width: 35px;

          height: 35px;

          vertical-align: middle; }

          body .navbar .user-controls ul li .profile-photo img {

            width: 35px; }

        body .navbar .user-controls ul li .options i {

          font-size: 18px;

          margin: 0 10px; }



/***********************************/

/************* SIDEBAR *************/

/***********************************/

body .navbar .navbar-nav.side-nav {

  width: 250px;

  position: fixed;

  padding-top: 60px;

  top: 0;

  height: 100%;

  border-radius: 0;

  border: none;

  overflow-y: auto;

  z-index: 1; }

  body .navbar .navbar-nav.side-nav > li,

  body .navbar .navbar-nav.side-nav ul.dropdown-menu > li {

    float: none; }

    body .navbar .navbar-nav.side-nav > li .active > a,

    body .navbar .navbar-nav.side-nav > li .active > a:hover,

    body .navbar .navbar-nav.side-nav > li .active > a:focus,

    body .navbar .navbar-nav.side-nav ul.dropdown-menu > li .active > a,

    body .navbar .navbar-nav.side-nav ul.dropdown-menu > li .active > a:hover,

    body .navbar .navbar-nav.side-nav ul.dropdown-menu > li .active > a:focus {

      background-color: rgba(0, 0, 0, 0.05) !important;

      cursor: default; }

    body .navbar .navbar-nav.side-nav > li > a,

    body .navbar .navbar-nav.side-nav ul.dropdown-menu > li > a {

      padding-top: 10px;

      padding-bottom: 10px;

      /*font-weight: 500;*/

      font-size: 15px;

	  font-weight: bold;

      position: relative; }

      body .navbar .navbar-nav.side-nav > li > a > i,

      body .navbar .navbar-nav.side-nav ul.dropdown-menu > li > a > i {

        margin: -11px -15px;

        line-height: 41px;

        width: 41px;

        float: left;

        margin-right: 10px;

        font-size: 14px;

        text-align: center;

        position: relative;

        overflow: hidden;

        -webkit-transition: all .25s ease-in-out;

        transition: all .25s ease-in-out; }

        body .navbar .navbar-nav.side-nav > li > a > i .overlay-label,

        body .navbar .navbar-nav.side-nav ul.dropdown-menu > li > a > i .overlay-label {

          -webkit-border-radius: 0;

          -moz-border-radius: 0;

          -ms-border-radius: 0;

          -o-border-radius: 0;

          border-radius: 0;

          top: 0;

          left: -40px;

          z-index: 9999;

          -webkit-transition: all .25s ease-in-out;

          transition: all .25s ease-in-out; }

      body .navbar .navbar-nav.side-nav > li > a > .dropdown-arrow,

      body .navbar .navbar-nav.side-nav ul.dropdown-menu > li > a > .dropdown-arrow {

        position: absolute;

        right: 10px;

        top: 10px;

        line-height: 20px;

        -webkit-transition: all .1s ease-in-out;

        transition: all .1s ease-in-out; }

      body .navbar .navbar-nav.side-nav > li > a:hover > i,

      body .navbar .navbar-nav.side-nav ul.dropdown-menu > li > a:hover > i {

        color: white; }

        body .navbar .navbar-nav.side-nav > li > a:hover > i:before,

        body .navbar .navbar-nav.side-nav ul.dropdown-menu > li > a:hover > i:before {

          position: relative;

          z-index: 99999; }

        body .navbar .navbar-nav.side-nav > li > a:hover > i .overlay-label,

        body .navbar .navbar-nav.side-nav ul.dropdown-menu > li > a:hover > i .overlay-label {

          left: 0; }

    body .navbar .navbar-nav.side-nav > li.active > a > i,

    body .navbar .navbar-nav.side-nav ul.dropdown-menu > li.active > a > i {

      color: white; }

      body .navbar .navbar-nav.side-nav > li.active > a > i:before,

      body .navbar .navbar-nav.side-nav ul.dropdown-menu > li.active > a > i:before {

        position: relative;

        z-index: 99999; }

      body .navbar .navbar-nav.side-nav > li.active > a > i .overlay-label,

      body .navbar .navbar-nav.side-nav ul.dropdown-menu > li.active > a > i .overlay-label {

        left: 0; }

  body .navbar .navbar-nav.side-nav > li.dropdown.open > a > .dropdown-arrow,

  body .navbar .navbar-nav.side-nav li.dropdown-submenu.open > a > .dropdown-arrow {

    -moz-transform: rotate(-90deg);

    -webkit-transform: rotate(-90deg);

    -o-transform: rotate(-90deg);

    -ms-transform: rotate(-90deg);

    transform: rotate(-90deg); }

  body .navbar .navbar-nav.side-nav > li.dropdown.open > a > i,

  body .navbar .navbar-nav.side-nav li.dropdown-submenu.open > a > i {

    color: white; }

    body .navbar .navbar-nav.side-nav > li.dropdown.open > a > i:before,

    body .navbar .navbar-nav.side-nav li.dropdown-submenu.open > a > i:before {

      position: relative;

      z-index: 99999; }

    body .navbar .navbar-nav.side-nav > li.dropdown.open > a > i .overlay-label,

    body .navbar .navbar-nav.side-nav li.dropdown-submenu.open > a > i .overlay-label {

      left: 0; }

  body .navbar .navbar-nav.side-nav > li.dropdown > ul.dropdown-menu,

  body .navbar .navbar-nav.side-nav li.dropdown-submenu > ul.dropdown-menu {

    float: none;

    position: relative;

    min-width: 250px;

    margin: 0;

    padding: 0;

    border: none;

    border-radius: 0;

    box-shadow: none;

    -webkit-box-shadow: none;

    -webkit-animation-duration: .3s;

    animation-duration: .3s;

    z-index: 1; }

    body .navbar .navbar-nav.side-nav > li.dropdown > ul.dropdown-menu > li a,

    body .navbar .navbar-nav.side-nav li.dropdown-submenu > ul.dropdown-menu > li a {

      font-weight: 400;

      font-size: 11px;

      padding-left: 15px;

      line-height: 20px; }

  body .navbar .navbar-nav.side-nav.collapsed li.collapsed-content,

  body .navbar .navbar-nav.side-nav.collapsed li.user-status {

    display: none; }

  body .navbar .navbar-nav.side-nav.collapsed.navbar-nav.side-nav {

    width: 40px; }

    body .navbar .navbar-nav.side-nav.collapsed.navbar-nav.side-nav > li.dropdown > ul.dropdown-menu,

    body .navbar .navbar-nav.side-nav.collapsed.navbar-nav.side-nav > li.dropdown li.dropdown-submenu > ul.dropdown-menu {

      min-width: 40px;

      max-width: 40px;

      margin-bottom: 0; }

    body .navbar .navbar-nav.side-nav.collapsed.navbar-nav.side-nav li a {

      white-space: nowrap;

      overflow: hidden; }

      body .navbar .navbar-nav.side-nav.collapsed.navbar-nav.side-nav li a b {

        display: none; }

body .navbar li.dropdown-submenu.open > ul.dropdown-menu {

  display: block;

  margin-bottom: 0 !important; }



/****************************************/

/************* USER STATUS **************/

/****************************************/

body .navbar .navbar-nav.side-nav .user-status {

  padding: 19px 15px 14px 15px;

  max-height: 108px; }

  body .navbar .navbar-nav.side-nav .user-status .profile-photo {

    width: 70px;

    height: 70px;

    overflow: hidden;

    -webkit-border-radius: 50px;

    -moz-border-radius: 50px;

    -ms-border-radius: 50px;

    -o-border-radius: 50px;

    border-radius: 50px;

    position: relative;

    z-index: 9;

    display: inline-block;

    margin-right: 10px; }

    body .navbar .navbar-nav.side-nav .user-status .profile-photo img {

      width: 70px; }

  body .navbar .navbar-nav.side-nav .user-status:after {

    display: block;

    content: " ";

    width: 0;

    height: 0;

    border-color: transparent;

    border-style: solid;

    border-width: 15px 0 15px 15px;

    border-left-color: #cccccc;

    position: absolute;

    bottom: 23px;

    left: 73px;

    -moz-transform: rotate(30deg);

    -webkit-transform: rotate(30deg);

    -o-transform: rotate(30deg);

    -ms-transform: rotate(30deg);

    transform: rotate(30deg);

    z-index: 1; }

  body .navbar .navbar-nav.side-nav .user-status.status-online .profile-photo {

    border: 3px solid #d3e27c; }

  body .navbar .navbar-nav.side-nav .user-status.status-online:after {

    border-left-color: #d3e27c; }

  body .navbar .navbar-nav.side-nav .user-status.status-online .user .status a {

    color: #d3e27c; }

  body .navbar .navbar-nav.side-nav .user-status.status-away .profile-photo {

    border: 3px solid #ff6d74; }

  body .navbar .navbar-nav.side-nav .user-status.status-away:after {

    border-left-color: #ff6d74; }

  body .navbar .navbar-nav.side-nav .user-status.status-away .user .status a {

    color: #ff6d74; }

  body .navbar .navbar-nav.side-nav .user-status.status-invisible .profile-photo {

    border: 3px solid #d2d2d2; }

  body .navbar .navbar-nav.side-nav .user-status.status-invisible:after {

    border-left-color: #d2d2d2; }

  body .navbar .navbar-nav.side-nav .user-status.status-invisible .user .status a {

    color: #d2d2d2; }

  body .navbar .navbar-nav.side-nav .user-status .user {

    display: inline-block;

    vertical-align: top;

    font-size: 16px;

    line-height: 16px;

    max-width: 120px; }

    body .navbar .navbar-nav.side-nav .user-status .user .role {

      display: block;

      font-size: 8px;

      text-transform: uppercase;

      font-weight: 700;

      margin-top: -3px; }

    body .navbar .navbar-nav.side-nav .user-status .user .status {

      text-transform: uppercase;

      font-size: 28px;

      font-weight: 300;

      line-height: 28px;

      margin-top: 15px;

      position: relative;

      z-index: 9; }

      body .navbar .navbar-nav.side-nav .user-status .user .status ul {

        list-style-type: none;

        padding: 0; }

        body .navbar .navbar-nav.side-nav .user-status .user .status ul > li > a {

          opacity: .6;

          -webkit-transition: all .1s ease-in-out;

          transition: all .1s ease-in-out; }

          body .navbar .navbar-nav.side-nav .user-status .user .status ul > li > a:hover {

            opacity: 1; }

        body .navbar .navbar-nav.side-nav .user-status .user .status ul > li.open > a {

          background-color: transparent;

          opacity: 1; }

          body .navbar .navbar-nav.side-nav .user-status .user .status ul > li.open > a:focus {

            text-decoration: none; }

        body .navbar .navbar-nav.side-nav .user-status .user .status ul > li .dropdown-menu {

          left: -20px;

          top: 35px;

          -webkit-border-radius: 0;

          -moz-border-radius: 0;

          -ms-border-radius: 0;

          -o-border-radius: 0;

          border-radius: 0;

          border: 0;

          padding: 5px;

          -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.176);

          box-shadow: 0 2px 8px rgba(0, 0, 0, 0.176);

          -webkit-animation-duration: .3s;

          animation-duration: .3s;

          background-color: white;

          z-index: 1001; }

          body .navbar .navbar-nav.side-nav .user-status .user .status ul > li .dropdown-menu > li > a {

            border: 0;

            opacity: 1;

            text-align: center;

            margin: 5px;

            -webkit-border-radius: 5px;

            -moz-border-radius: 5px;

            -ms-border-radius: 5px;

            -o-border-radius: 5px;

            border-radius: 5px;

            padding: 5px;

            font-size: 12px;

            font-weight: 300;

            text-transform: none; }

            body .navbar .navbar-nav.side-nav .user-status .user .status ul > li .dropdown-menu > li > a#status-online {

              background-color: #f6f9e4;

              color: #a2d200; }

              body .navbar .navbar-nav.side-nav .user-status .user .status ul > li .dropdown-menu > li > a#status-online:hover {

                background-color: #eff4cf; }

            body .navbar .navbar-nav.side-nav .user-status .user .status ul > li .dropdown-menu > li > a#status-away {

              background-color: #ffeced;

              color: #ff4a43; }

              body .navbar .navbar-nav.side-nav .user-status .user .status ul > li .dropdown-menu > li > a#status-away:hover {

                background-color: #ffd3d5; }

            body .navbar .navbar-nav.side-nav .user-status .user .status ul > li .dropdown-menu > li > a#status-invisible {

              background-color: #fcfcfc;

              color: #b2b2b2; }

              body .navbar .navbar-nav.side-nav .user-status .user .status ul > li .dropdown-menu > li > a#status-invisible:hover {

                background-color: #f2f2f2; }

          body .navbar .navbar-nav.side-nav .user-status .user .status ul > li .dropdown-menu:before {

            left: 18;

            border-bottom-color: white; }



/****************************************/

/************* BREADCRUMBS **************/

/****************************************/

.breadcrumbs {

  margin-left: -15px;

  margin-right: -25px; }

  .breadcrumbs ol.breadcrumb {

    background-color: white;

    -webkit-border-radius: 0;

    -moz-border-radius: 0;

    -ms-border-radius: 0;

    -o-border-radius: 0;

    border-radius: 0;

    margin-bottom: 0;

    padding: 16px 15px; }

    .breadcrumbs ol.breadcrumb > li {

      font-size: 18px;

      font-weight: 300;

      text-transform: uppercase; }

      .breadcrumbs ol.breadcrumb > li + li:before {

        content: "//"; }



ol.breadcrumb {

  -webkit-border-radius: 0;

  -moz-border-radius: 0;

  -ms-border-radius: 0;

  -o-border-radius: 0;

  border-radius: 0;

  padding: 4px 15px; }

  ol.breadcrumb > li {

    font-size: 12px;

    font-weight: 300; }

    ol.breadcrumb > li + li:before {

      content: "//"; }



/************************************/

/************* SUBMENU **************/

/************************************/

.submenu {

  margin-left: -15px;

  margin-right: -25px;

  padding: 0 15px;

  background-color: white;

  max-height: 50px;

  min-height: 50px; }

  .submenu h1 {

    margin: 0;

    padding: 10px 0;

    font-size: 28px;

    font-weight: 300;

    text-transform: uppercase;

    display: inline-block;

    vertical-align: top; }

    .submenu h1:after {

      display: inline-block;

      content: " ";

      width: 13px;

      height: 13px;

      margin: 3px 15px 3px 10px;

      border-color: transparent;

      border-style: solid;

      border-width: 1px 1px 0 0;

      -moz-transform: rotate(45deg);

      -webkit-transform: rotate(45deg);

      -o-transform: rotate(45deg);

      -ms-transform: rotate(45deg);

      transform: rotate(45deg); }

  .submenu .nav.nav-tabs {

    display: inline-block;

    border-bottom: 0; }

    .submenu .nav.nav-tabs > li.active > a, .submenu .nav.nav-tabs > li.open > a {

      border: 1px solid transparent; }

    .submenu .nav.nav-tabs > li > a {

      -webkit-border-radius: 0;

      -moz-border-radius: 0;

      -ms-border-radius: 0;

      -o-border-radius: 0;

      border-radius: 0;

      font-size: 14px;

      font-weight: 300;

      padding: 14px 30px; }

      .submenu .nav.nav-tabs > li > a:hover {

        border: 1px solid transparent; }

    .submenu .nav.nav-tabs > li.dropdown > a i {

      font-size: 12px;

      margin-left: 5px; }

    .submenu .nav.nav-tabs > li.dropdown > a:focus {

      background-color: white; }

    .submenu .nav.nav-tabs > li.dropdown.active > a {

      cursor: pointer; }

    .submenu .nav.nav-tabs > li.dropdown .dropdown-menu {

      -webkit-border-radius: 0;

      -moz-border-radius: 0;

      -ms-border-radius: 0;

      -o-border-radius: 0;

      border-radius: 0;

      border: 0;

      -webkit-animation-duration: .3s;

      animation-duration: .3s; }

      .submenu .nav.nav-tabs > li.dropdown .dropdown-menu > li > a {

        font-weight: 300;

        font-size: 12px;

        padding: 5px 20px;

        -webkit-transition: all .1s ease-in-out;

        transition: all .1s ease-in-out; }

        .submenu .nav.nav-tabs > li.dropdown .dropdown-menu > li > a:hover {

          padding: 5px 30px; }

      .submenu .nav.nav-tabs > li.dropdown .dropdown-menu > li.active a {

        padding: 5px 30px; }

  .submenu .collapsed {

    display: none; }

    .submenu .collapsed a h1 {

      text-align: center; }

      .submenu .collapsed a h1 i {

        font-size: 21px;

        margin-left: 5px;

        margin-top: 4px; }

      .submenu .collapsed a h1:after {

        display: none; }

  .submenu.open .nav.nav-tabs {

    display: block;

    background-color: white;

    position: relative;

    margin-left: -15px;

    margin-right: -15px;

    -webkit-box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2);

    box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2);

    z-index: 999; }

    .submenu.open .nav.nav-tabs > li {

      display: block;

      float: none; }

      .submenu.open .nav.nav-tabs > li a {

        font-size: 14px;

        padding: 14px 15px;

        -webkit-transition: all .1s ease-in-out;

        transition: all .1s ease-in-out; }

        .submenu.open .nav.nav-tabs > li a:hover {

          padding: 14px 25px; }

      .submenu.open .nav.nav-tabs > li.active a:hover {

        padding: 14px 15px; }

      .submenu.open .nav.nav-tabs > li.dropdown a i {

        -moz-transform: rotate(90deg);

        -webkit-transform: rotate(90deg);

        -o-transform: rotate(90deg);

        -ms-transform: rotate(90deg);

        transform: rotate(90deg);

        -webkit-transition: all .1s ease-in-out;

        transition: all .1s ease-in-out; }

      .submenu.open .nav.nav-tabs > li.dropdown.open a i {

        -moz-transform: rotate(0deg);

        -webkit-transform: rotate(0deg);

        -o-transform: rotate(0deg);

        -ms-transform: rotate(0deg);

        transform: rotate(0deg); }

      .submenu.open .nav.nav-tabs > li.dropdown.open .dropdown-menu {

        display: block;

        float: none;

        position: static;

        padding: 0;

        -webkit-box-shadow: none;

        box-shadow: none; }

        .submenu.open .nav.nav-tabs > li.dropdown.open .dropdown-menu > li > a {

          padding: 14px 30px;

          font-size: 11px; }



/**************************************/

/************* DROPDOWNS **************/

/**************************************/

ul.dropdown-menu.example {

  position: static;

  display: block;

  margin-bottom: 5px;

  float: none;

  max-width: 170px; }

ul.dropdown-menu > li.divider {

  width: 100% !important;

  background-color: #e5e5e5 !important;

  opacity: 1 !important; }



li.dropdown ul.dropdown-menu.example {

  position: static;

  display: block;

  margin-bottom: 5px; }

li.dropdown ul.dropdown-menu > li a:hover {

  background-color: #fcfcfc; }

li.dropdown ul.dropdown-menu > li a .task-info .desc {

  font-size: 12px; }

li.dropdown ul.dropdown-menu > li a .task-info .percent {

  padding-left: 10px;

  margin-top: -4px;

  display: inline-block;

  font-weight: 600;

  float: right;

  font-size: 12px; }

li.dropdown ul.dropdown-menu > li a .progress {

  margin-bottom: 10px; }

li.dropdown ul.dropdown-menu > li.divider {

  width: 100%;

  opacity: .05;

  margin: 5px 0;

  background: rgba(0, 0, 0, 0.48); }

li.dropdown ul.dropdown-menu.wide {

  max-width: 300px !important;

  min-width: 160px !important;

  width: 240px !important;

  border: 0;

  -webkit-border-radius: 0;

  -moz-border-radius: 0;

  -ms-border-radius: 0;

  -o-border-radius: 0;

  border-radius: 0;

  -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.176);

  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.176); }

  li.dropdown ul.dropdown-menu.wide > li h1 {

    margin: 0;

    font-size: 13px;

    padding: 10px;

    font-weight: 400;

    background-color: #cccccc;

    color: white; }

  li.dropdown ul.dropdown-menu.wide > li > a {

    padding: 10px !important; }

li.dropdown ul.dropdown-menu.nopadding {

  padding: 0; }

li.dropdown ul.dropdown-menu.arrow:before {

  display: block;

  content: " ";

  width: 0;

  height: 0;

  border-color: transparent;

  border-style: solid;

  border-width: 0 10px 10px 10px;

  border-bottom-color: #cccccc;

  position: absolute;

  top: -10px;

  left: 18px;

  z-index: 1; }

li.dropdown ul.dropdown-menu.arrow.green:before {

  border-bottom-color: #a2d200; }

li.dropdown ul.dropdown-menu.arrow.green > li h1 {

  background-color: #a2d200; }

li.dropdown ul.dropdown-menu.arrow.red:before {

  border-bottom-color: #ff4a43; }

li.dropdown ul.dropdown-menu.arrow.red > li h1 {

  background-color: #ff4a43; }

li.dropdown ul.dropdown-menu.arrow.cyan:before {

  border-bottom-color: #22beef; }

li.dropdown ul.dropdown-menu.arrow.cyan > li h1 {

  background-color: #22beef; }

li.dropdown ul.dropdown-menu.arrow.orange:before {

  border-bottom-color: #ffc100; }

li.dropdown ul.dropdown-menu.arrow.orange > li h1 {

  background-color: #ffc100; }

li.dropdown ul.dropdown-menu.arrow.amethyst:before {

  border-bottom-color: #cd97eb; }

li.dropdown ul.dropdown-menu.arrow.amethyst > li h1 {

  background-color: #cd97eb; }



/******************************************/

/************* PROGRESS BARS **************/

/******************************************/

.progress-info {

  margin-bottom: 5px; }

  .progress-info .desc {

    font-size: 12px; }

  .progress-info .percent {

    padding-left: 10px;

    margin-top: 1px;

    display: inline-block;

    font-weight: 600;

    float: right;

    font-size: 12px; }



.progress {

  -webkit-box-shadow: none;

  box-shadow: none; }

  .progress.progress-thin {

    height: 10px; }

  .progress.progress-little {

    height: 5px; }

  .progress.no-radius {

    -webkit-border-radius: 0;

    -moz-border-radius: 0;

    -ms-border-radius: 0;

    -o-border-radius: 0;

    border-radius: 0; }

  .progress.nomargin {

    margin-bottom: 5px; }

  .progress .progress-bar {

    -webkit-box-shadow: none;

    box-shadow: none; }

    .progress .progress-bar.animate-progress-bar {

      -webkit-transition: width 2.50s ease !important;

      transition: width 2.50s ease !important; }

    .progress .progress-bar.progress-bar-green {

      background-color: #a2d200; }

    .progress .progress-bar.progress-bar-cyan {

      background-color: #22beef; }

    .progress .progress-bar.progress-bar-orange {

      background-color: #ffc100; }

    .progress .progress-bar.progress-bar-red {

      background-color: #ff4a43; }

    .progress .progress-bar.progress-bar-amethyst {

      background-color: #cd97eb; }

    .progress .progress-bar.progress-bar-greensea {

      background-color: #16a085; }

    .progress .progress-bar.progress-bar-dutch {

      background-color: #1693a5; }

    .progress .progress-bar.progress-bar-hotpink {

      background-color: #ff0066; }

    .progress .progress-bar.progress-bar-drank {

      background-color: #a40778; }



.progress-list {

  margin: 0;

  padding: 0;

  list-style-type: none; }

  .progress-list .details {

    display: inline-block;

    float: left; }

    .progress-list .details .title {

      font-weight: 300;

      font-size: 18px;

      line-height: 18px; }

    .progress-list .details .description {

      font-weight: 700;

      text-transform: uppercase;

      font-size: 10px;

      opacity: .4;

      line-height: 12px; }

  .progress-list .status {

    display: inline-block;

    background-color: #f2f2f2;

    font-size: 11px;

    padding: 6px;

    -webkit-border-radius: 0;

    -moz-border-radius: 0;

    -ms-border-radius: 0;

    -o-border-radius: 0;

    border-radius: 0; }

  .progress-list .clearfix {

    height: 35px; }



/***********************************/

/************* BADGES **************/

/***********************************/

.badge {

  font-size: 18px;

  font-weight: bold;

  color: white;

  padding: 5px 8px;

  margin: 0 2px;

  -webkit-border-radius: 20px;

  -moz-border-radius: 20px;

  -ms-border-radius: 20px;

  -o-border-radius: 20px;

  border-radius: 20px; }

  .badge.badge-primary {

    background-color: #428bca; }

  .badge.badge-success {

    background-color: #5cb85c; }

  .badge.badge-info {

    background-color: #5bc0de; }

  .badge.badge-warning {

    background-color: #f0ad4e; }

  .badge.badge-danger {

    background-color: #d9534f; }

  .badge.badge-red {

    background-color: #ff635c; }

  .badge.badge-cyan {

    background-color: #3ac5f1; }

  .badge.badge-green {

    background-color: #a2d200; }

  .badge.badge-orange {

    background-color: #ffc71a; }

  .badge.badge-amethyst {

    background-color: #d7acef; }

  .badge.badge-greensea {

    background-color: #19b698; }

  .badge.badge-dutch {

    background-color: #19a7bc; }

  .badge.badge-hotpink {

    background-color: #ff1a75; }

  .badge.badge-drank {

    background-color: #bc088a; }



/***********************************/

/************* LABELS **************/

/***********************************/

.label.label-red {

  background-color: #ff635c; }

.label.label-cyan {

  background-color: #3ac5f1; }

.label.label-green {

  background-color: #a2d200; }

.label.label-orange {

  background-color: #ffc71a; }

.label.label-amethyst {

  background-color: #d7acef; }

.label.label-greensea {

  background-color: #19b698; }

.label.label-dutch {

  background-color: #19a7bc; }

.label.label-hotpink {

  background-color: #ff1a75; }

.label.label-drank {

  background-color: #bc088a; }



/******************************************/

/************* OVERLAY LABELS *************/

/******************************************/

.overlay-label {

  font-size: 11px;

  font-weight: 900;

  color: white;

  -webkit-border-radius: 3px;

  -moz-border-radius: 3px;

  -ms-border-radius: 3px;

  -o-border-radius: 3px;

  border-radius: 3px;

  position: absolute;

  left: 0;

  width: 100%;

  height: 100%;

  text-align: center;

  line-height: 25px;

  display: block; }

  .overlay-label.red {

    background-color: #ff4a43; }

  .overlay-label.red80 {

    background-color: #ff635c; }

  .overlay-label.red60 {

    background-color: #ff7b76; }

  .overlay-label.red40 {

    background-color: #ff948f; }

  .overlay-label.red20 {

    background-color: #ffaca9; }

  .overlay-label.cyan {

    background-color: #22beef; }

  .overlay-label.cyan80 {

    background-color: rgba(34, 190, 239, 0.8); }

  .overlay-label.cyan60 {

    background-color: rgba(34, 190, 239, 0.6); }

  .overlay-label.cyan40 {

    background-color: rgba(34, 190, 239, 0.4); }

  .overlay-label.cyan20 {

    background-color: rgba(34, 190, 239, 0.2); }

  .overlay-label.green {

    background-color: #a2d200; }

  .overlay-label.green80 {

    background-color: rgba(162, 210, 0, 0.8); }

  .overlay-label.green60 {

    background-color: rgba(162, 210, 0, 0.6); }

  .overlay-label.green40 {

    background-color: rgba(162, 210, 0, 0.4); }

  .overlay-label.green20 {

    background-color: rgba(162, 210, 0, 0.2); }

  .overlay-label.orange {

    background-color: #ffc100; }

  .overlay-label.orange80 {

    background-color: rgba(255, 193, 0, 0.8); }

  .overlay-label.orange60 {

    background-color: rgba(255, 193, 0, 0.6); }

  .overlay-label.orange40 {

    background-color: rgba(255, 193, 0, 0.4); }

  .overlay-label.orange20 {

    background-color: rgba(255, 193, 0, 0.2); }

  .overlay-label.amethyst {

    background-color: #cd97eb; }

  .overlay-label.amethyst80 {

    background-color: rgba(205, 151, 235, 0.8); }

  .overlay-label.amethyst60 {

    background-color: rgba(205, 151, 235, 0.6); }

  .overlay-label.amethyst40 {

    background-color: rgba(205, 151, 235, 0.4); }

  .overlay-label.amethyst20 {

    background-color: rgba(205, 151, 235, 0.2); }

  .overlay-label.greensea {

    background-color: #16a085; }

  .overlay-label.greensea80 {

    background-color: rgba(22, 160, 133, 0.8); }

  .overlay-label.greensea60 {

    background-color: rgba(22, 160, 133, 0.6); }

  .overlay-label.greensea40 {

    background-color: rgba(22, 160, 133, 0.4); }

  .overlay-label.greensea20 {

    background-color: rgba(22, 160, 133, 0.2); }

  .overlay-label.dutch {

    background-color: #1693a5; }

  .overlay-label.dutch80 {

    background-color: rgba(22, 147, 165, 0.8); }

  .overlay-label.dutch60 {

    background-color: rgba(22, 147, 165, 0.6); }

  .overlay-label.dutch40 {

    background-color: rgba(22, 147, 165, 0.4); }

  .overlay-label.dutch20 {

    background-color: rgba(22, 147, 165, 0.2); }

  .overlay-label.hotpink {

    background-color: #ff0066; }

  .overlay-label.hotpink80 {

    background-color: rgba(255, 0, 102, 0.8); }

  .overlay-label.hotpink60 {

    background-color: rgba(255, 0, 102, 0.6); }

  .overlay-label.hotpink40 {

    background-color: rgba(255, 0, 102, 0.4); }

  .overlay-label.hotpink20 {

    background-color: rgba(255, 0, 102, 0.2); }

  .overlay-label.drank {

    background-color: #a40778; }

  .overlay-label.drank80 {

    background-color: rgba(164, 7, 120, 0.8); }

  .overlay-label.drank60 {

    background-color: rgba(164, 7, 120, 0.6); }

  .overlay-label.drank40 {

    background-color: rgba(164, 7, 120, 0.4); }

  .overlay-label.drank20 {

    background-color: rgba(164, 7, 120, 0.2); }



/*********************************/

/************* CARDS *************/

/*********************************/

.card-container {

	position: relative;

	min-height: 80px;

	margin-bottom: 10px;

}

  .card-container .card {

    height: 100%;

    position: relative;

    -webkit-perspective: 600px;

    -moz-perspective: 600px;

    -ms-perspective: 600px;

    -o-perspective: 600px;

    perspective: 600px;

    width: 100%;

    cursor: pointer; }

    .card-container .card .front {

      height: 100%;

      position: relative;

      width: 100%;

      background-color: #f2f2f2;

      padding: 15px;

      min-height: 115px;

      top: 0;

      left: 0;

      z-index: 900;

      -webkit-transform: rotateX(0deg) rotateY(0deg);

      -moz-transform: rotateX(0deg) rotateY(0deg);

      transform: rotateX(0deg) rotateY(0deg);

      -webkit-transform-style: preserve-3d;

      -moz-transform-style: preserve-3d;

      transform-style: preserve-3d;

      -webkit-backface-visibility: hidden;

      -moz-backface-visibility: hidden;

      backface-visibility: hidden;

      /* -- transition is the magic sauce for animation -- */

      -webkit-transition: all .4s ease-in-out;

      transition: all .4s ease-in-out; }

      .card-container .card .front h1 {

	margin: 0;

	padding: 0;

	font-weight: 300;

	font-size: 15px;

}

      .card-container .card .front p {

	font-size: 30px;

	font-weight: bold;

	margin: 0;

}

      .card-container .card .front .fa-stack {

	position: absolute;

	top: 15px;

	right: 14px;

	width: 3em;

	height: 3em;

	line-height: 3em;

}

        .card-container .card .front .fa-stack .fa-circle {

          color: rgba(0, 0, 0, 0.15); }

        .card-container .card .front .fa-stack .fa-stack-2x {

          font-size: 3em; }

        .card-container .card .front .fa-stack .easypiechart {

          position: absolute;

          left: 2px;

          top: 1px; }

    .card-container .card.flip .front {

      z-index: 900;

      -webkit-transform: rotateY(180deg);

      -moz-transform: rotateY(180deg);

      transform: rotateY(180deg); }

    .card-container .card.flip .back {

      z-index: 1000;

      -webkit-transform: rotateX(0deg) rotateY(0deg);

      -moz-transform: rotateX(0deg) rotateY(0deg);

      transform: rotateX(0deg) rotateY(0deg); }

    .card-container .card .back {

      position: absolute;

      top: 0;

      background-color: white !important;

      border: 1px solid #e2e2e2;

      color: inherit !important;

      padding: 15px 15px 5px 15px;

      text-align: center;

      height: auto;

      width: 100%;

      min-height: 115px;

      left: 0;

      z-index: 800;

      border: 1px solid #ccc;

      background: #333;

      -webkit-transform: rotateY(-180deg);

      -moz-transform: rotateY(-179deg);

      /* setting to 180 causes an unnatural-looking half-flip */

      transform: rotateY(-179deg);

      -webkit-transform-style: preserve-3d;

      -moz-transform-style: preserve-3d;

      transform-style: preserve-3d;

      -webkit-backface-visibility: hidden;

      -moz-backface-visibility: hidden;

      backface-visibility: hidden;

      /* -- transition is the magic sauce for animation -- */

      -webkit-transition: all .4s ease-in-out;

      transition: all .4s ease-in-out; }

      .card-container .card .back h1 {

        margin: 0;

        padding: 0;

        font-weight: 300;

        font-size: 14px; }

      .card-container .card .back h1,

      .card-container .card .back p {

        text-align: center; }

      .card-container .card .back p {

        font-size: 32px;

        font-weight: 700; }

      .card-container .card .back ul {

        padding: 0;

        margin: 0;

        text-align: center; }

      .card-container .card .back .summary {

        font-size: 11px;

        padding: 5px 0 0 0; }

        .card-container .card .back .summary i {

          font-size: 10px; }

        .card-container .card .back .summary.negative i {

          color: #ff4a43; }

        .card-container .card .back .summary.positive i {

          color: #a2d200; }

      .card-container .card .back table {

        font-size: 11px; }

        .card-container .card .back table thead {

          background-color: #fafafa; }

        .card-container .card .back table tr td,

        .card-container .card .back table tr th {

          padding: 3px;

          border: 0; }

          .card-container .card .back table tr td:last-child,

          .card-container .card .back table tr th:last-child {

            padding-right: 10px; }

          .card-container .card .back table tr td:first-child,

          .card-container .card .back table tr th:first-child {

            padding-left: 10px; }

    .card-container .card.card-red .front {

      color: white;

      background-color: #ff4a43; }

    .card-container .card.card-red .back p {

      color: #ff4a43; }

    .card-container .card.card-cyan .front {

      color: white;

      background-color: #22beef; }

    .card-container .card.card-cyan .back p {

      color: #22beef; }

    .card-container .card.card-green .front {

      color: white;

      background-color: #a2d200; }

    .card-container .card.card-green .back p {

      color: #a2d200; }

    .card-container .card.card-orange .front {

      color: white;

      background-color: #ffc100; }

    .card-container .card.card-orange .back p {

      color: #ffc100; }

    .card-container .card.card-amethyst .front {

      color: white;

      background-color: #cd97eb; }

    .card-container .card.card-amethyst .back p {

      color: #cd97eb; }



/*********************************/

/************* LISTS *************/

/*********************************/

ul.inline {

  padding: 0;

  margin: 0; }

  ul.inline > li {

    display: inline-block;

    padding: 5px 10px;

    vertical-align: top; }

  ul.inline.divided > li {

    border-right: 1px solid #f2f2f2; }

    ul.inline.divided > li:last-child {

      border: 0; }

ul.nolisttypes {

  list-style-type: none;

  padding: 0; }

ul.list-type {

  padding: 0;

  margin: 7px 0 7px 20px;

  list-style-type: none; }

  ul.list-type li {

    padding: 2px 2px 2px 0px;

    position: relative; }

    ul.list-type li:before {

      position: absolute;

      left: -18px;

      margin-top: 3px;

      font-family: FontAwesome;

      line-height: 1;

      font-size: 14px;

      -webkit-font-smoothing: antialiased; }

  ul.list-type.arrow li:before {

    content: "\f061"; }

  ul.list-type.circle li:before {

    content: "\f10c"; }

  ul.list-type.check li:before {

    content: "\f046"; }

  ul.list-type.caret-right li:before {

    content: "\f0da"; }



/**********************************/

/************* MODALS *************/

/**********************************/

.modal .modal-dialog.wide {

  width: 1200px; }

.modal .modal-content {

  -webkit-border-radius: 0;

  -moz-border-radius: 0;

  -ms-border-radius: 0;

  -o-border-radius: 0;

  border-radius: 0;

  border: 0; }

  .modal .modal-content .modal-header,

  .modal .modal-content .modal-footer {

    background-color: #f8f8f8; }



/*********************************/

/************* TILES *************/

/*********************************/

body #content .tile {

  position: relative;

  margin-bottom: 20px; }

  body #content .tile.left-nav {

    display: table; }

    body #content .tile.left-nav .tile-body {

      margin-left: 50px;

      width: 100%;

      display: table-cell;

      vertical-align: top; }

  body #content .tile.right-nav .tile-body {

    margin-right: 50px;

    width: 100%;

    display: table-cell;

    vertical-align: top;

    position: relative;

    z-index: 9; }

  body #content .tile .controls a {

    color: rgba(0, 0, 0, 0.2); }

    body #content .tile .controls a:hover {

      color: rgba(0, 0, 0, 0.4); }

  body #content .tile a.white {

    color: #f2f2f2; }

    body #content .tile a.white:hover {

      color: white; }

  body #content .tile a.maincolor {

    color: inherit !important; }

    body #content .tile a.maincolor:hover {

      color: inherit !important; }

  body #content .tile .tile-left-side,

  body #content .tile .tile-right-side {

    display: table-cell;

    background-color: rgba(0, 0, 0, 0.05); }

    body #content .tile .tile-left-side .nav.nav-tabs,

    body #content .tile .tile-left-side .nav.nav-pills,

    body #content .tile .tile-right-side .nav.nav-tabs,

    body #content .tile .tile-right-side .nav.nav-pills {

      background-color: transparent; }

  body #content .tile .tile-header {

    padding: 15px;

    position: relative; }

    body #content .tile .tile-header h1 {

      padding: 0;

      margin: 0;

      display: inline-block;

      font-weight: 300;

      font-size: 22px; }

      body #content .tile .tile-header h1.small-uppercase {

        font-weight: 900;

        font-size: 13px;

        text-transform: uppercase;

        line-height: 26px; }

    body #content .tile .tile-header .note {

      display: inline-block;

      padding: 1px 5px;

      background-color: #eaeaea;

      font-size: 11px;

      color: #717171; }

    body #content .tile .tile-header button,

    body #content .tile .tile-header .btn {

      padding: 2px 5px;

      -webkit-border-radius: 3px;

      -moz-border-radius: 3px;

      -ms-border-radius: 3px;

      -o-border-radius: 3px;

      border-radius: 3px; }

    body #content .tile .tile-header .controls {

      display: inline-block;

      position: absolute;

      right: 5px;

      top: 5px;

      font-size: 11px;

      z-index: 99; }

      body #content .tile .tile-header .controls a {

        padding: 3px;

        opacity: .4;

        -webkit-transition: all .25s ease-in-out;

        transition: all .25s ease-in-out; }

        body #content .tile .tile-header .controls a:hover {

          opacity: .8; }

  body #content .tile .tile-widget {

    padding: 15px; }

    body #content .tile .tile-widget h2 {

      margin: 5px 0;

      color: white;

      font-size: 24px; }

    body #content .tile .tile-widget .description {

      font-size: 11px;

      font-weight: 300; }

  body #content .tile .tile-body {

    padding: 15px;

    position: relative; }

    body #content .tile .tile-body h5.underline {

      font-size: 15px;

      margin: 0 0 15px 0;

      padding: 0;

      line-height: 24px;

      border-bottom: 1px solid rgba(0, 0, 0, 0.05); }

    body #content .tile .tile-body .inner-container.inline {

      display: inline-block; }

    body #content .tile .tile-body.example [class^="col-"] {

      padding: 10px 15px;

      background-color: #eaf9fe;

      border: 1px solid #b9ebfc; }

    body #content .tile .tile-body.example .row {

      margin: 0;

      margin-bottom: 10px; }

  body #content .tile .tile-footer {

    padding: 10px 15px;

    background-color: rgba(0, 0, 0, 0.1); }

  body #content .tile .table > thead > tr > th,

  body #content .tile .table > tbody > tr > th,

  body #content .tile .table > tfoot > tr > th,

  body #content .tile .table > thead > tr > td,

  body #content .tile .table > tbody > tr > td,

  body #content .tile .table > tfoot > tr > td {

    border-top: 1px solid #eaeaea; }

  body #content .tile .table-hover > tbody > tr:hover > td,

  body #content .tile .table-hover > tbody > tr:hover > th {

    background-color: rgba(0, 0, 0, 0.01); }

  body #content .tile .btn.show-code {

    opacity: 0;

    -webkit-transition: all .25s ease-in-out;

    transition: all .25s ease-in-out; }

  body #content .tile:hover .btn.show-code {

    opacity: 1; }

  body #content .tile.cornered .tile-header .controls {

    right: 35px; }

  body #content .tile.cornered:before {

    content: "";

    position: absolute;

    top: 0;

    right: 0;

    border-width: 0 25px 25px 0;

    border-style: solid;

    display: block;

    width: 0;

    border-bottom-color: #e2e2e2;

    border-left-color: #e2e2e2;

    z-index: 1; }

  body #content .tile .tile-header,

  body #content .tile .tile-widget,

  body #content .tile .tile-body,

  body #content .tile .tile-footer {

    background-color: white; }

    body #content .tile .tile-header.border-top,

    body #content .tile .tile-widget.border-top,

    body #content .tile .tile-body.border-top,

    body #content .tile .tile-footer.border-top {

      border-top: 1px solid rgba(0, 0, 0, 0.05); }

    body #content .tile .tile-header.paddingtop,

    body #content .tile .tile-widget.paddingtop,

    body #content .tile .tile-body.paddingtop,

    body #content .tile .tile-footer.paddingtop {

      padding: 15px 0 0 0; }

    body #content .tile .tile-header.nopadding,

    body #content .tile .tile-widget.nopadding,

    body #content .tile .tile-body.nopadding,

    body #content .tile .tile-footer.nopadding {

      padding: 0; }

    body #content .tile .tile-header.nohorizontal-padding,

    body #content .tile .tile-widget.nohorizontal-padding,

    body #content .tile .tile-body.nohorizontal-padding,

    body #content .tile .tile-footer.nohorizontal-padding {

      padding: 15px 0; }

    body #content .tile .tile-header.color,

    body #content .tile .tile-widget.color,

    body #content .tile .tile-body.color,

    body #content .tile .tile-footer.color {

      color: #fafafa;

      /* tables */

      /* chosen */

      /* datatables */

      /* custom pagination */ }

      body #content .tile .tile-header.color .controls a,

      body #content .tile .tile-widget.color .controls a,

      body #content .tile .tile-body.color .controls a,

      body #content .tile .tile-footer.color .controls a {

        color: #f2f2f2; }

        body #content .tile .tile-header.color .controls a:hover,

        body #content .tile .tile-widget.color .controls a:hover,

        body #content .tile .tile-body.color .controls a:hover,

        body #content .tile .tile-footer.color .controls a:hover {

          color: white !important; }

      body #content .tile .tile-header.color .checkbox label,

      body #content .tile .tile-header.color .radio label,

      body #content .tile .tile-widget.color .checkbox label,

      body #content .tile .tile-widget.color .radio label,

      body #content .tile .tile-body.color .checkbox label,

      body #content .tile .tile-body.color .radio label,

      body #content .tile .tile-footer.color .checkbox label,

      body #content .tile .tile-footer.color .radio label {

        color: #f2f2f2; }

      body #content .tile .tile-header.color .checkbox input[type=checkbox]:checked + label,

      body #content .tile .tile-header.color .radio input[type=radio]:checked + label,

      body #content .tile .tile-widget.color .checkbox input[type=checkbox]:checked + label,

      body #content .tile .tile-widget.color .radio input[type=radio]:checked + label,

      body #content .tile .tile-body.color .checkbox input[type=checkbox]:checked + label,

      body #content .tile .tile-body.color .radio input[type=radio]:checked + label,

      body #content .tile .tile-footer.color .checkbox input[type=checkbox]:checked + label,

      body #content .tile .tile-footer.color .radio input[type=radio]:checked + label {

        color: white; }

      body #content .tile .tile-header.color .checkbox input[type=checkbox]:checked + label:after,

      body #content .tile .tile-header.color .radio input[type=radio]:checked + label:after,

      body #content .tile .tile-widget.color .checkbox input[type=checkbox]:checked + label:after,

      body #content .tile .tile-widget.color .radio input[type=radio]:checked + label:after,

      body #content .tile .tile-body.color .checkbox input[type=checkbox]:checked + label:after,

      body #content .tile .tile-body.color .radio input[type=radio]:checked + label:after,

      body #content .tile .tile-footer.color .checkbox input[type=checkbox]:checked + label:after,

      body #content .tile .tile-footer.color .radio input[type=radio]:checked + label:after {

        color: #717171; }

      body #content .tile .tile-header.color .table,

      body #content .tile .tile-widget.color .table,

      body #content .tile .tile-body.color .table,

      body #content .tile .tile-footer.color .table {

        border-collapse: separate;

        color: #fafafa; }

      body #content .tile .tile-header.color .table > thead > tr > th,

      body #content .tile .tile-header.color .table > tbody > tr > th,

      body #content .tile .tile-header.color .table > tfoot > tr > th,

      body #content .tile .tile-header.color .table > thead > tr > td,

      body #content .tile .tile-header.color .table > tbody > tr > td,

      body #content .tile .tile-header.color .table > tfoot > tr > td,

      body #content .tile .tile-widget.color .table > thead > tr > th,

      body #content .tile .tile-widget.color .table > tbody > tr > th,

      body #content .tile .tile-widget.color .table > tfoot > tr > th,

      body #content .tile .tile-widget.color .table > thead > tr > td,

      body #content .tile .tile-widget.color .table > tbody > tr > td,

      body #content .tile .tile-widget.color .table > tfoot > tr > td,

      body #content .tile .tile-body.color .table > thead > tr > th,

      body #content .tile .tile-body.color .table > tbody > tr > th,

      body #content .tile .tile-body.color .table > tfoot > tr > th,

      body #content .tile .tile-body.color .table > thead > tr > td,

      body #content .tile .tile-body.color .table > tbody > tr > td,

      body #content .tile .tile-body.color .table > tfoot > tr > td,

      body #content .tile .tile-footer.color .table > thead > tr > th,

      body #content .tile .tile-footer.color .table > tbody > tr > th,

      body #content .tile .tile-footer.color .table > tfoot > tr > th,

      body #content .tile .tile-footer.color .table > thead > tr > td,

      body #content .tile .tile-footer.color .table > tbody > tr > td,

      body #content .tile .tile-footer.color .table > tfoot > tr > td {

        border-top: 1px solid rgba(255, 255, 255, 0.2); }

      body #content .tile .tile-header.color .table-bordered,

      body #content .tile .tile-widget.color .table-bordered,

      body #content .tile .tile-body.color .table-bordered,

      body #content .tile .tile-footer.color .table-bordered {

        border: 0; }

        body #content .tile .tile-header.color .table-bordered > thead > tr td,

        body #content .tile .tile-header.color .table-bordered > thead > tr th,

        body #content .tile .tile-header.color .table-bordered > tbody > tr td,

        body #content .tile .tile-header.color .table-bordered > tbody > tr th,

        body #content .tile .tile-header.color .table-bordered > tfoot > tr td,

        body #content .tile .tile-header.color .table-bordered > tfoot > tr th,

        body #content .tile .tile-widget.color .table-bordered > thead > tr td,

        body #content .tile .tile-widget.color .table-bordered > thead > tr th,

        body #content .tile .tile-widget.color .table-bordered > tbody > tr td,

        body #content .tile .tile-widget.color .table-bordered > tbody > tr th,

        body #content .tile .tile-widget.color .table-bordered > tfoot > tr td,

        body #content .tile .tile-widget.color .table-bordered > tfoot > tr th,

        body #content .tile .tile-body.color .table-bordered > thead > tr td,

        body #content .tile .tile-body.color .table-bordered > thead > tr th,

        body #content .tile .tile-body.color .table-bordered > tbody > tr td,

        body #content .tile .tile-body.color .table-bordered > tbody > tr th,

        body #content .tile .tile-body.color .table-bordered > tfoot > tr td,

        body #content .tile .tile-body.color .table-bordered > tfoot > tr th,

        body #content .tile .tile-footer.color .table-bordered > thead > tr td,

        body #content .tile .tile-footer.color .table-bordered > thead > tr th,

        body #content .tile .tile-footer.color .table-bordered > tbody > tr td,

        body #content .tile .tile-footer.color .table-bordered > tbody > tr th,

        body #content .tile .tile-footer.color .table-bordered > tfoot > tr td,

        body #content .tile .tile-footer.color .table-bordered > tfoot > tr th {

          border: 1px solid rgba(255, 255, 255, 0.2);

          border-bottom: 0;

          border-right: 0; }

        body #content .tile .tile-header.color .table-bordered > thead > tr:last-child td,

        body #content .tile .tile-header.color .table-bordered > thead > tr:last-child th,

        body #content .tile .tile-header.color .table-bordered > tbody > tr:last-child td,

        body #content .tile .tile-header.color .table-bordered > tbody > tr:last-child th,

        body #content .tile .tile-header.color .table-bordered > tfoot > tr:last-child td,

        body #content .tile .tile-header.color .table-bordered > tfoot > tr:last-child th,

        body #content .tile .tile-widget.color .table-bordered > thead > tr:last-child td,

        body #content .tile .tile-widget.color .table-bordered > thead > tr:last-child th,

        body #content .tile .tile-widget.color .table-bordered > tbody > tr:last-child td,

        body #content .tile .tile-widget.color .table-bordered > tbody > tr:last-child th,

        body #content .tile .tile-widget.color .table-bordered > tfoot > tr:last-child td,

        body #content .tile .tile-widget.color .table-bordered > tfoot > tr:last-child th,

        body #content .tile .tile-body.color .table-bordered > thead > tr:last-child td,

        body #content .tile .tile-body.color .table-bordered > thead > tr:last-child th,

        body #content .tile .tile-body.color .table-bordered > tbody > tr:last-child td,

        body #content .tile .tile-body.color .table-bordered > tbody > tr:last-child th,

        body #content .tile .tile-body.color .table-bordered > tfoot > tr:last-child td,

        body #content .tile .tile-body.color .table-bordered > tfoot > tr:last-child th,

        body #content .tile .tile-footer.color .table-bordered > thead > tr:last-child td,

        body #content .tile .tile-footer.color .table-bordered > thead > tr:last-child th,

        body #content .tile .tile-footer.color .table-bordered > tbody > tr:last-child td,

        body #content .tile .tile-footer.color .table-bordered > tbody > tr:last-child th,

        body #content .tile .tile-footer.color .table-bordered > tfoot > tr:last-child td,

        body #content .tile .tile-footer.color .table-bordered > tfoot > tr:last-child th {

          border-bottom: 1px solid rgba(255, 255, 255, 0.2); }

      body #content .tile .tile-header.color .table-hover > tbody > tr:hover > td,

      body #content .tile .tile-header.color .table-hover > tbody > tr:hover > th,

      body #content .tile .tile-widget.color .table-hover > tbody > tr:hover > td,

      body #content .tile .tile-widget.color .table-hover > tbody > tr:hover > th,

      body #content .tile .tile-body.color .table-hover > tbody > tr:hover > td,

      body #content .tile .tile-body.color .table-hover > tbody > tr:hover > th,

      body #content .tile .tile-footer.color .table-hover > tbody > tr:hover > td,

      body #content .tile .tile-footer.color .table-hover > tbody > tr:hover > th {

        background-color: rgba(255, 255, 255, 0.1); }

      body #content .tile .tile-header.color .table > thead > tr > th,

      body #content .tile .tile-widget.color .table > thead > tr > th,

      body #content .tile .tile-body.color .table > thead > tr > th,

      body #content .tile .tile-footer.color .table > thead > tr > th {

        border-bottom: 2px solid rgba(255, 255, 255, 0.2); }

      body #content .tile .tile-header.color .table-striped > tbody > tr:nth-child(odd) > td,

      body #content .tile .tile-header.color .table-striped > tbody > tr:nth-child(odd) > th,

      body #content .tile .tile-widget.color .table-striped > tbody > tr:nth-child(odd) > td,

      body #content .tile .tile-widget.color .table-striped > tbody > tr:nth-child(odd) > th,

      body #content .tile .tile-body.color .table-striped > tbody > tr:nth-child(odd) > td,

      body #content .tile .tile-body.color .table-striped > tbody > tr:nth-child(odd) > th,

      body #content .tile .tile-footer.color .table-striped > tbody > tr:nth-child(odd) > td,

      body #content .tile .tile-footer.color .table-striped > tbody > tr:nth-child(odd) > th {

        background-color: rgba(0, 0, 0, 0.05); }

      body #content .tile .tile-header.color .chosen-container .chosen-single,

      body #content .tile .tile-widget.color .chosen-container .chosen-single,

      body #content .tile .tile-body.color .chosen-container .chosen-single,

      body #content .tile .tile-footer.color .chosen-container .chosen-single {

        background-color: rgba(0, 0, 0, 0.1);

        border: 1px solid rgba(0, 0, 0, 0.02);

        color: rgba(255, 255, 255, 0.5) !important; }

        body #content .tile .tile-header.color .chosen-container .chosen-single div b,

        body #content .tile .tile-widget.color .chosen-container .chosen-single div b,

        body #content .tile .tile-body.color .chosen-container .chosen-single div b,

        body #content .tile .tile-footer.color .chosen-container .chosen-single div b {

          background-image: url(../images/chosen-sprite-transparent.png); }

      body #content .tile .tile-header.color .chosen-container.chosen-container-active.chosen-with-drop .chosen-single,

      body #content .tile .tile-widget.color .chosen-container.chosen-container-active.chosen-with-drop .chosen-single,

      body #content .tile .tile-body.color .chosen-container.chosen-container-active.chosen-with-drop .chosen-single,

      body #content .tile .tile-footer.color .chosen-container.chosen-container-active.chosen-with-drop .chosen-single {

        background-color: rgba(0, 0, 0, 0.2);

        border: 1px solid rgba(0, 0, 0, 0.04);

        color: rgba(255, 255, 255, 0.7) !important; }

      body #content .tile .tile-header.color .dataTables_wrapper .dataTables_info,

      body #content .tile .tile-header.color .dataTables_wrapper .dataTables_length,

      body #content .tile .tile-header.color .dataTables_wrapper .dataTables_filter,

      body #content .tile .tile-widget.color .dataTables_wrapper .dataTables_info,

      body #content .tile .tile-widget.color .dataTables_wrapper .dataTables_length,

      body #content .tile .tile-widget.color .dataTables_wrapper .dataTables_filter,

      body #content .tile .tile-body.color .dataTables_wrapper .dataTables_info,

      body #content .tile .tile-body.color .dataTables_wrapper .dataTables_length,

      body #content .tile .tile-body.color .dataTables_wrapper .dataTables_filter,

      body #content .tile .tile-footer.color .dataTables_wrapper .dataTables_info,

      body #content .tile .tile-footer.color .dataTables_wrapper .dataTables_length,

      body #content .tile .tile-footer.color .dataTables_wrapper .dataTables_filter {

        color: rgba(255, 255, 255, 0.9); }

      body #content .tile .tile-header.color .dataTables_wrapper input,

      body #content .tile .tile-widget.color .dataTables_wrapper input,

      body #content .tile .tile-body.color .dataTables_wrapper input,

      body #content .tile .tile-footer.color .dataTables_wrapper input {

        background-color: rgba(0, 0, 0, 0.1);

        border: 0;

        color: rgba(255, 255, 255, 0.7); }

        body #content .tile .tile-header.color .dataTables_wrapper input:focus,

        body #content .tile .tile-widget.color .dataTables_wrapper input:focus,

        body #content .tile .tile-body.color .dataTables_wrapper input:focus,

        body #content .tile .tile-footer.color .dataTables_wrapper input:focus {

          background-color: rgba(0, 0, 0, 0.15); }

      body #content .tile .tile-header.color .dataTables_wrapper .table-datatable > thead > tr td,

      body #content .tile .tile-header.color .dataTables_wrapper .table-datatable > thead > tr th,

      body #content .tile .tile-widget.color .dataTables_wrapper .table-datatable > thead > tr td,

      body #content .tile .tile-widget.color .dataTables_wrapper .table-datatable > thead > tr th,

      body #content .tile .tile-body.color .dataTables_wrapper .table-datatable > thead > tr td,

      body #content .tile .tile-body.color .dataTables_wrapper .table-datatable > thead > tr th,

      body #content .tile .tile-footer.color .dataTables_wrapper .table-datatable > thead > tr td,

      body #content .tile .tile-footer.color .dataTables_wrapper .table-datatable > thead > tr th {

        background-color: rgba(0, 0, 0, 0.1);

        color: white;

        border-top: 0;

        border-bottom: 0; }

        body #content .tile .tile-header.color .dataTables_wrapper .table-datatable > thead > tr td.sorting_asc, body #content .tile .tile-header.color .dataTables_wrapper .table-datatable > thead > tr td.sorting_desc,

        body #content .tile .tile-header.color .dataTables_wrapper .table-datatable > thead > tr th.sorting_asc,

        body #content .tile .tile-header.color .dataTables_wrapper .table-datatable > thead > tr th.sorting_desc,

        body #content .tile .tile-widget.color .dataTables_wrapper .table-datatable > thead > tr td.sorting_asc,

        body #content .tile .tile-widget.color .dataTables_wrapper .table-datatable > thead > tr td.sorting_desc,

        body #content .tile .tile-widget.color .dataTables_wrapper .table-datatable > thead > tr th.sorting_asc,

        body #content .tile .tile-widget.color .dataTables_wrapper .table-datatable > thead > tr th.sorting_desc,

        body #content .tile .tile-body.color .dataTables_wrapper .table-datatable > thead > tr td.sorting_asc,

        body #content .tile .tile-body.color .dataTables_wrapper .table-datatable > thead > tr td.sorting_desc,

        body #content .tile .tile-body.color .dataTables_wrapper .table-datatable > thead > tr th.sorting_asc,

        body #content .tile .tile-body.color .dataTables_wrapper .table-datatable > thead > tr th.sorting_desc,

        body #content .tile .tile-footer.color .dataTables_wrapper .table-datatable > thead > tr td.sorting_asc,

        body #content .tile .tile-footer.color .dataTables_wrapper .table-datatable > thead > tr td.sorting_desc,

        body #content .tile .tile-footer.color .dataTables_wrapper .table-datatable > thead > tr th.sorting_asc,

        body #content .tile .tile-footer.color .dataTables_wrapper .table-datatable > thead > tr th.sorting_desc {

          background-color: rgba(0, 0, 0, 0.15); }

      body #content .tile .tile-header.color .dataTables_wrapper .table-datatable > tbody > tr td,

      body #content .tile .tile-header.color .dataTables_wrapper .table-datatable > tbody > tr th,

      body #content .tile .tile-widget.color .dataTables_wrapper .table-datatable > tbody > tr td,

      body #content .tile .tile-widget.color .dataTables_wrapper .table-datatable > tbody > tr th,

      body #content .tile .tile-body.color .dataTables_wrapper .table-datatable > tbody > tr td,

      body #content .tile .tile-body.color .dataTables_wrapper .table-datatable > tbody > tr th,

      body #content .tile .tile-footer.color .dataTables_wrapper .table-datatable > tbody > tr td,

      body #content .tile .tile-footer.color .dataTables_wrapper .table-datatable > tbody > tr th {

        color: rgba(255, 255, 255, 0.9); }

      body #content .tile .tile-header.color .pagination-custom > li > a,

      body #content .tile .tile-header.color .pagination-custom > li > span,

      body #content .tile .tile-header.color .dataTables_paginate.paging_custombootstrap .pagination > li > a,

      body #content .tile .tile-header.color .dataTables_paginate.paging_custombootstrap .pagination > li > span,

      body #content .tile .tile-widget.color .pagination-custom > li > a,

      body #content .tile .tile-widget.color .pagination-custom > li > span,

      body #content .tile .tile-widget.color .dataTables_paginate.paging_custombootstrap .pagination > li > a,

      body #content .tile .tile-widget.color .dataTables_paginate.paging_custombootstrap .pagination > li > span,

      body #content .tile .tile-body.color .pagination-custom > li > a,

      body #content .tile .tile-body.color .pagination-custom > li > span,

      body #content .tile .tile-body.color .dataTables_paginate.paging_custombootstrap .pagination > li > a,

      body #content .tile .tile-body.color .dataTables_paginate.paging_custombootstrap .pagination > li > span,

      body #content .tile .tile-footer.color .pagination-custom > li > a,

      body #content .tile .tile-footer.color .pagination-custom > li > span,

      body #content .tile .tile-footer.color .dataTables_paginate.paging_custombootstrap .pagination > li > a,

      body #content .tile .tile-footer.color .dataTables_paginate.paging_custombootstrap .pagination > li > span {

        background-color: rgba(0, 0, 0, 0.1);

        border: 1px solid rgba(0, 0, 0, 0.01);

        color: rgba(255, 255, 255, 0.8); }

        body #content .tile .tile-header.color .pagination-custom > li > a:hover,

        body #content .tile .tile-header.color .pagination-custom > li > span:hover,

        body #content .tile .tile-header.color .dataTables_paginate.paging_custombootstrap .pagination > li > a:hover,

        body #content .tile .tile-header.color .dataTables_paginate.paging_custombootstrap .pagination > li > span:hover,

        body #content .tile .tile-widget.color .pagination-custom > li > a:hover,

        body #content .tile .tile-widget.color .pagination-custom > li > span:hover,

        body #content .tile .tile-widget.color .dataTables_paginate.paging_custombootstrap .pagination > li > a:hover,

        body #content .tile .tile-widget.color .dataTables_paginate.paging_custombootstrap .pagination > li > span:hover,

        body #content .tile .tile-body.color .pagination-custom > li > a:hover,

        body #content .tile .tile-body.color .pagination-custom > li > span:hover,

        body #content .tile .tile-body.color .dataTables_paginate.paging_custombootstrap .pagination > li > a:hover,

        body #content .tile .tile-body.color .dataTables_paginate.paging_custombootstrap .pagination > li > span:hover,

        body #content .tile .tile-footer.color .pagination-custom > li > a:hover,

        body #content .tile .tile-footer.color .pagination-custom > li > span:hover,

        body #content .tile .tile-footer.color .dataTables_paginate.paging_custombootstrap .pagination > li > a:hover,

        body #content .tile .tile-footer.color .dataTables_paginate.paging_custombootstrap .pagination > li > span:hover {

          color: white;

          background-color: rgba(0, 0, 0, 0.15);

          border: 1px solid rgba(0, 0, 0, 0.02);

          -webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1);

          box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1); }

      body #content .tile .tile-header.color .pagination-custom > .active > a,

      body #content .tile .tile-header.color .pagination-custom > .active > span,

      body #content .tile .tile-header.color .pagination-custom > .active > a:hover,

      body #content .tile .tile-header.color .pagination-custom > .active > span:hover,

      body #content .tile .tile-header.color .pagination-custom > .active > a:focus,

      body #content .tile .tile-header.color .pagination-custom > .active > span:focus,

      body #content .tile .tile-header.color .dataTables_paginate.paging_custombootstrap .pagination > .active > a,

      body #content .tile .tile-header.color .dataTables_paginate.paging_custombootstrap .pagination > .active > span,

      body #content .tile .tile-header.color .dataTables_paginate.paging_custombootstrap .pagination > .active > a:hover,

      body #content .tile .tile-header.color .dataTables_paginate.paging_custombootstrap .pagination > .active > span:hover,

      body #content .tile .tile-header.color .dataTables_paginate.paging_custombootstrap .pagination > .active > a:focus,

      body #content .tile .tile-header.color .dataTables_paginate.paging_custombootstrap .pagination > .active > span:focus,

      body #content .tile .tile-widget.color .pagination-custom > .active > a,

      body #content .tile .tile-widget.color .pagination-custom > .active > span,

      body #content .tile .tile-widget.color .pagination-custom > .active > a:hover,

      body #content .tile .tile-widget.color .pagination-custom > .active > span:hover,

      body #content .tile .tile-widget.color .pagination-custom > .active > a:focus,

      body #content .tile .tile-widget.color .pagination-custom > .active > span:focus,

      body #content .tile .tile-widget.color .dataTables_paginate.paging_custombootstrap .pagination > .active > a,

      body #content .tile .tile-widget.color .dataTables_paginate.paging_custombootstrap .pagination > .active > span,

      body #content .tile .tile-widget.color .dataTables_paginate.paging_custombootstrap .pagination > .active > a:hover,

      body #content .tile .tile-widget.color .dataTables_paginate.paging_custombootstrap .pagination > .active > span:hover,

      body #content .tile .tile-widget.color .dataTables_paginate.paging_custombootstrap .pagination > .active > a:focus,

      body #content .tile .tile-widget.color .dataTables_paginate.paging_custombootstrap .pagination > .active > span:focus,

      body #content .tile .tile-body.color .pagination-custom > .active > a,

      body #content .tile .tile-body.color .pagination-custom > .active > span,

      body #content .tile .tile-body.color .pagination-custom > .active > a:hover,

      body #content .tile .tile-body.color .pagination-custom > .active > span:hover,

      body #content .tile .tile-body.color .pagination-custom > .active > a:focus,

      body #content .tile .tile-body.color .pagination-custom > .active > span:focus,

      body #content .tile .tile-body.color .dataTables_paginate.paging_custombootstrap .pagination > .active > a,

      body #content .tile .tile-body.color .dataTables_paginate.paging_custombootstrap .pagination > .active > span,

      body #content .tile .tile-body.color .dataTables_paginate.paging_custombootstrap .pagination > .active > a:hover,

      body #content .tile .tile-body.color .dataTables_paginate.paging_custombootstrap .pagination > .active > span:hover,

      body #content .tile .tile-body.color .dataTables_paginate.paging_custombootstrap .pagination > .active > a:focus,

      body #content .tile .tile-body.color .dataTables_paginate.paging_custombootstrap .pagination > .active > span:focus,

      body #content .tile .tile-footer.color .pagination-custom > .active > a,

      body #content .tile .tile-footer.color .pagination-custom > .active > span,

      body #content .tile .tile-footer.color .pagination-custom > .active > a:hover,

      body #content .tile .tile-footer.color .pagination-custom > .active > span:hover,

      body #content .tile .tile-footer.color .pagination-custom > .active > a:focus,

      body #content .tile .tile-footer.color .pagination-custom > .active > span:focus,

      body #content .tile .tile-footer.color .dataTables_paginate.paging_custombootstrap .pagination > .active > a,

      body #content .tile .tile-footer.color .dataTables_paginate.paging_custombootstrap .pagination > .active > span,

      body #content .tile .tile-footer.color .dataTables_paginate.paging_custombootstrap .pagination > .active > a:hover,

      body #content .tile .tile-footer.color .dataTables_paginate.paging_custombootstrap .pagination > .active > span:hover,

      body #content .tile .tile-footer.color .dataTables_paginate.paging_custombootstrap .pagination > .active > a:focus,

      body #content .tile .tile-footer.color .dataTables_paginate.paging_custombootstrap .pagination > .active > span:focus {

        color: white;

        background-color: rgba(0, 0, 0, 0.2);

        border: 1px solid transparent;

        -webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1);

        box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1); }

      body #content .tile .tile-header.color .pagination-custom > .disabled > a,

      body #content .tile .tile-header.color .pagination-custom > .disabled > span,

      body #content .tile .tile-header.color .pagination-custom > .disabled > a:hover,

      body #content .tile .tile-header.color .pagination-custom > .disabled > span:hover,

      body #content .tile .tile-header.color .pagination-custom > .disabled > a:focus,

      body #content .tile .tile-header.color .pagination-custom > .disabled > span:focus,

      body #content .tile .tile-header.color .dataTables_paginate.paging_custombootstrap .pagination > .disabled > a,

      body #content .tile .tile-header.color .dataTables_paginate.paging_custombootstrap .pagination > .disabled > span,

      body #content .tile .tile-header.color .dataTables_paginate.paging_custombootstrap .pagination > .disabled > a:hover,

      body #content .tile .tile-header.color .dataTables_paginate.paging_custombootstrap .pagination > .disabled > span:hover,

      body #content .tile .tile-header.color .dataTables_paginate.paging_custombootstrap .pagination > .disabled > a:focus,

      body #content .tile .tile-header.color .dataTables_paginate.paging_custombootstrap .pagination > .disabled > span:focus,

      body #content .tile .tile-widget.color .pagination-custom > .disabled > a,

      body #content .tile .tile-widget.color .pagination-custom > .disabled > span,

      body #content .tile .tile-widget.color .pagination-custom > .disabled > a:hover,

      body #content .tile .tile-widget.color .pagination-custom > .disabled > span:hover,

      body #content .tile .tile-widget.color .pagination-custom > .disabled > a:focus,

      body #content .tile .tile-widget.color .pagination-custom > .disabled > span:focus,

      body #content .tile .tile-widget.color .dataTables_paginate.paging_custombootstrap .pagination > .disabled > a,

      body #content .tile .tile-widget.color .dataTables_paginate.paging_custombootstrap .pagination > .disabled > span,

      body #content .tile .tile-widget.color .dataTables_paginate.paging_custombootstrap .pagination > .disabled > a:hover,

      body #content .tile .tile-widget.color .dataTables_paginate.paging_custombootstrap .pagination > .disabled > span:hover,

      body #content .tile .tile-widget.color .dataTables_paginate.paging_custombootstrap .pagination > .disabled > a:focus,

      body #content .tile .tile-widget.color .dataTables_paginate.paging_custombootstrap .pagination > .disabled > span:focus,

      body #content .tile .tile-body.color .pagination-custom > .disabled > a,

      body #content .tile .tile-body.color .pagination-custom > .disabled > span,

      body #content .tile .tile-body.color .pagination-custom > .disabled > a:hover,

      body #content .tile .tile-body.color .pagination-custom > .disabled > span:hover,

      body #content .tile .tile-body.color .pagination-custom > .disabled > a:focus,

      body #content .tile .tile-body.color .pagination-custom > .disabled > span:focus,

      body #content .tile .tile-body.color .dataTables_paginate.paging_custombootstrap .pagination > .disabled > a,

      body #content .tile .tile-body.color .dataTables_paginate.paging_custombootstrap .pagination > .disabled > span,

      body #content .tile .tile-body.color .dataTables_paginate.paging_custombootstrap .pagination > .disabled > a:hover,

      body #content .tile .tile-body.color .dataTables_paginate.paging_custombootstrap .pagination > .disabled > span:hover,

      body #content .tile .tile-body.color .dataTables_paginate.paging_custombootstrap .pagination > .disabled > a:focus,

      body #content .tile .tile-body.color .dataTables_paginate.paging_custombootstrap .pagination > .disabled > span:focus,

      body #content .tile .tile-footer.color .pagination-custom > .disabled > a,

      body #content .tile .tile-footer.color .pagination-custom > .disabled > span,

      body #content .tile .tile-footer.color .pagination-custom > .disabled > a:hover,

      body #content .tile .tile-footer.color .pagination-custom > .disabled > span:hover,

      body #content .tile .tile-footer.color .pagination-custom > .disabled > a:focus,

      body #content .tile .tile-footer.color .pagination-custom > .disabled > span:focus,

      body #content .tile .tile-footer.color .dataTables_paginate.paging_custombootstrap .pagination > .disabled > a,

      body #content .tile .tile-footer.color .dataTables_paginate.paging_custombootstrap .pagination > .disabled > span,

      body #content .tile .tile-footer.color .dataTables_paginate.paging_custombootstrap .pagination > .disabled > a:hover,

      body #content .tile .tile-footer.color .dataTables_paginate.paging_custombootstrap .pagination > .disabled > span:hover,

      body #content .tile .tile-footer.color .dataTables_paginate.paging_custombootstrap .pagination > .disabled > a:focus,

      body #content .tile .tile-footer.color .dataTables_paginate.paging_custombootstrap .pagination > .disabled > span:focus {

        color: rgba(255, 255, 255, 0.4);

        background-color: rgba(0, 0, 0, 0.04);

        border: 1px solid rgba(0, 0, 0, 0.01);

        -webkit-box-shadow: none;

        box-shadow: none; }

      body #content .tile .tile-header.color h1,

      body #content .tile .tile-widget.color h1,

      body #content .tile .tile-body.color h1,

      body #content .tile .tile-footer.color h1 {

        color: white; }

      body #content .tile .tile-header.color.red,

      body #content .tile .tile-widget.color.red,

      body #content .tile .tile-body.color.red,

      body #content .tile .tile-footer.color.red {

        background-color: #ff7b76; }

      body #content .tile .tile-header.color.cyan,

      body #content .tile .tile-widget.color.cyan,

      body #content .tile .tile-body.color.cyan,

      body #content .tile .tile-footer.color.cyan {

        background-color: #52ccf2; }

      body #content .tile .tile-header.color.green,

      body #content .tile .tile-widget.color.green,

      body #content .tile .tile-body.color.green,

      body #content .tile .tile-footer.color.green {

        background-color: #a2d200; }

      body #content .tile .tile-header.color.orange,

      body #content .tile .tile-widget.color.orange,

      body #content .tile .tile-body.color.orange,

      body #content .tile .tile-footer.color.orange {

        background-color: #ffcd33; }

      body #content .tile .tile-header.color.amethyst,

      body #content .tile .tile-widget.color.amethyst,

      body #content .tile .tile-body.color.amethyst,

      body #content .tile .tile-footer.color.amethyst {

        background-color: #e2c2f3; }

      body #content .tile .tile-header.color.greensea,

      body #content .tile .tile-widget.color.greensea,

      body #content .tile .tile-body.color.greensea,

      body #content .tile .tile-footer.color.greensea {

        background-color: #1ccdaa; }

      body #content .tile .tile-header.color.dutch,

      body #content .tile .tile-widget.color.dutch,

      body #content .tile .tile-body.color.dutch,

      body #content .tile .tile-footer.color.dutch {

        background-color: #1cbbd2; }

      body #content .tile .tile-header.color.hotpink,

      body #content .tile .tile-widget.color.hotpink,

      body #content .tile .tile-body.color.hotpink,

      body #content .tile .tile-footer.color.hotpink {

        background-color: #ff3385; }

      body #content .tile .tile-header.color.drank,

      body #content .tile .tile-widget.color.drank,

      body #content .tile .tile-body.color.drank,

      body #content .tile .tile-footer.color.drank {

        background-color: #d5099c; }

      body #content .tile .tile-header.color.grey,

      body #content .tile .tile-widget.color.grey,

      body #content .tile .tile-body.color.grey,

      body #content .tile .tile-footer.color.grey {

        background-color: #8b8b8b; }

    body #content .tile .tile-header.transparent,

    body #content .tile .tile-widget.transparent,

    body #content .tile .tile-body.transparent,

    body #content .tile .tile-footer.transparent {

      background-color: transparent;

      border-bottom: 1px solid rgba(0, 0, 0, 0.05);

      margin-bottom: 15px; }

  body #content .tile.color {

    /* tables */

    /* chosen */

    /* datatables */

    /* custom pagination */ }

    body #content .tile.color .checkbox label,

    body #content .tile.color .radio label {

      color: #f2f2f2; }

    body #content .tile.color .checkbox input[type=checkbox]:checked + label,

    body #content .tile.color .radio input[type=radio]:checked + label {

      color: white; }

    body #content .tile.color .checkbox input[type=checkbox]:checked + label:after,

    body #content .tile.color .radio input[type=radio]:checked + label:after {

      color: #717171; }

    body #content .tile.color .controls a {

      color: #f2f2f2; }

      body #content .tile.color .controls a:hover {

        color: white; }

    body #content .tile.color .table {

      border-collapse: separate;

      color: #fafafa; }

    body #content .tile.color .table > thead > tr > th,

    body #content .tile.color .table > tbody > tr > th,

    body #content .tile.color .table > tfoot > tr > th,

    body #content .tile.color .table > thead > tr > td,

    body #content .tile.color .table > tbody > tr > td,

    body #content .tile.color .table > tfoot > tr > td {

      border-top: 1px solid rgba(255, 255, 255, 0.2); }

    body #content .tile.color .table-hover > tbody > tr:hover > td,

    body #content .tile.color .table-hover > tbody > tr:hover > th {

      background-color: rgba(255, 255, 255, 0.1); }

    body #content .tile.color .table > thead > tr > th {

      border-bottom: 2px solid rgba(255, 255, 255, 0.2); }

    body #content .tile.color .table-striped > tbody > tr:nth-child(odd) > td,

    body #content .tile.color .table-striped > tbody > tr:nth-child(odd) > th {

      background-color: rgba(0, 0, 0, 0.05); }

    body #content .tile.color .table-bordered {

      border: 0; }

      body #content .tile.color .table-bordered > thead > tr > th,

      body #content .tile.color .table-bordered > tbody > tr > th,

      body #content .tile.color .table-bordered > tfoot > tr > th,

      body #content .tile.color .table-bordered > thead > tr > td,

      body #content .tile.color .table-bordered > tbody > tr > td,

      body #content .tile.color .table-bordered > tfoot > tr > td {

        border: 1px solid rgba(255, 255, 255, 0.2); }

    body #content .tile.color .chosen-container .chosen-single {

      background-color: rgba(0, 0, 0, 0.1);

      border: 1px solid rgba(0, 0, 0, 0.02);

      color: rgba(255, 255, 255, 0.5) !important; }

      body #content .tile.color .chosen-container .chosen-single div b {

        background-image: url(../images/chosen-sprite-transparent.png); }

    body #content .tile.color .chosen-container.chosen-container-active.chosen-with-drop .chosen-single {

      background-color: rgba(0, 0, 0, 0.2);

      border: 1px solid rgba(0, 0, 0, 0.04);

      color: rgba(255, 255, 255, 0.7) !important; }

    body #content .tile.color .dataTables_wrapper .dataTables_info,

    body #content .tile.color .dataTables_wrapper .dataTables_length,

    body #content .tile.color .dataTables_wrapper .dataTables_filter {

      color: rgba(255, 255, 255, 0.9); }

    body #content .tile.color .dataTables_wrapper input {

      background-color: rgba(0, 0, 0, 0.1);

      border: 0;

      color: rgba(255, 255, 255, 0.7); }

      body #content .tile.color .dataTables_wrapper input:focus {

        background-color: rgba(0, 0, 0, 0.15); }

    body #content .tile.color .dataTables_wrapper .table-datatable > thead > tr td,

    body #content .tile.color .dataTables_wrapper .table-datatable > thead > tr th {

      background-color: rgba(0, 0, 0, 0.1);

      color: white;

      border-top: 0;

      border-bottom: 0; }

      body #content .tile.color .dataTables_wrapper .table-datatable > thead > tr td.sorting_asc, body #content .tile.color .dataTables_wrapper .table-datatable > thead > tr td.sorting_desc,

      body #content .tile.color .dataTables_wrapper .table-datatable > thead > tr th.sorting_asc,

      body #content .tile.color .dataTables_wrapper .table-datatable > thead > tr th.sorting_desc {

        background-color: rgba(0, 0, 0, 0.15); }

    body #content .tile.color .dataTables_wrapper .table-datatable > tbody > tr td,

    body #content .tile.color .dataTables_wrapper .table-datatable > tbody > tr th {

      color: rgba(255, 255, 255, 0.9); }

    body #content .tile.color .pagination-custom > li > a,

    body #content .tile.color .pagination-custom > li > span,

    body #content .tile.color .dataTables_paginate.paging_custombootstrap .pagination > li > a,

    body #content .tile.color .dataTables_paginate.paging_custombootstrap .pagination > li > span {

      background-color: rgba(0, 0, 0, 0.1);

      border: 1px solid rgba(0, 0, 0, 0.01);

      color: rgba(255, 255, 255, 0.8); }

      body #content .tile.color .pagination-custom > li > a:hover,

      body #content .tile.color .pagination-custom > li > span:hover,

      body #content .tile.color .dataTables_paginate.paging_custombootstrap .pagination > li > a:hover,

      body #content .tile.color .dataTables_paginate.paging_custombootstrap .pagination > li > span:hover {

        color: white;

        background-color: rgba(0, 0, 0, 0.15);

        border: 1px solid rgba(0, 0, 0, 0.02);

        -webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1);

        box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1); }

    body #content .tile.color .pagination-custom > .active > a,

    body #content .tile.color .pagination-custom > .active > span,

    body #content .tile.color .pagination-custom > .active > a:hover,

    body #content .tile.color .pagination-custom > .active > span:hover,

    body #content .tile.color .pagination-custom > .active > a:focus,

    body #content .tile.color .pagination-custom > .active > span:focus,

    body #content .tile.color .dataTables_paginate.paging_custombootstrap .pagination > .active > a,

    body #content .tile.color .dataTables_paginate.paging_custombootstrap .pagination > .active > span,

    body #content .tile.color .dataTables_paginate.paging_custombootstrap .pagination > .active > a:hover,

    body #content .tile.color .dataTables_paginate.paging_custombootstrap .pagination > .active > span:hover,

    body #content .tile.color .dataTables_paginate.paging_custombootstrap .pagination > .active > a:focus,

    body #content .tile.color .dataTables_paginate.paging_custombootstrap .pagination > .active > span:focus {

      color: white;

      background-color: rgba(0, 0, 0, 0.2);

      border: 1px solid transparent;

      -webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1);

      box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1); }

    body #content .tile.color .pagination-custom > .disabled > a,

    body #content .tile.color .pagination-custom > .disabled > span,

    body #content .tile.color .pagination-custom > .disabled > a:hover,

    body #content .tile.color .pagination-custom > .disabled > span:hover,

    body #content .tile.color .pagination-custom > .disabled > a:focus,

    body #content .tile.color .pagination-custom > .disabled > span:focus,

    body #content .tile.color .dataTables_paginate.paging_custombootstrap .pagination > .disabled > a,

    body #content .tile.color .dataTables_paginate.paging_custombootstrap .pagination > .disabled > span,

    body #content .tile.color .dataTables_paginate.paging_custombootstrap .pagination > .disabled > a:hover,

    body #content .tile.color .dataTables_paginate.paging_custombootstrap .pagination > .disabled > span:hover,

    body #content .tile.color .dataTables_paginate.paging_custombootstrap .pagination > .disabled > a:focus,

    body #content .tile.color .dataTables_paginate.paging_custombootstrap .pagination > .disabled > span:focus {

      color: rgba(255, 255, 255, 0.4);

      background-color: rgba(0, 0, 0, 0.04);

      border: 1px solid rgba(0, 0, 0, 0.01);

      -webkit-box-shadow: none;

      box-shadow: none; }

    body #content .tile.color .tile-header,

    body #content .tile.color .tile-widget,

    body #content .tile.color .tile-body,

    body #content .tile.color .tile-footer {

      color: #fafafa;

      background-color: transparent; }

      body #content .tile.color .tile-header ul.inline.divided > li,

      body #content .tile.color .tile-widget ul.inline.divided > li,

      body #content .tile.color .tile-body ul.inline.divided > li,

      body #content .tile.color .tile-footer ul.inline.divided > li {

        border-right: 1px solid rgba(255, 255, 255, 0.2); }

    body #content .tile.color .tile-header h1 {

      color: white; }

    body #content .tile.color.red {

      background-color: #ff7b76; }

      body #content .tile.color.red.cornered:before {

        border-bottom-color: #ff4a43;

        border-left-color: #ff4a43; }

    body #content .tile.color.cyan {

      background-color: #52ccf2; }

      body #content .tile.color.cyan.cornered:before {

        border-bottom-color: #22beef;

        border-left-color: #22beef; }

    body #content .tile.color.green {

      background-color: #a2d200; }

      body #content .tile.color.green.cornered:before {

        border-bottom-color: #7b9f00;

        border-left-color: #7b9f00; }

    body #content .tile.color.orange {

      background-color: #ffcd33; }

      body #content .tile.color.orange.cornered:before {

        border-bottom-color: #ffc100;

        border-left-color: #ffc100; }

    body #content .tile.color.amethyst {

      background-color: #e2c2f3; }

      body #content .tile.color.amethyst.cornered:before {

        border-bottom-color: #cd97eb;

        border-left-color: #cd97eb; }

    body #content .tile.color.greensea {

      background-color: #1ccdaa; }

      body #content .tile.color.greensea.cornered:before {

        border-bottom-color: #16a085;

        border-left-color: #16a085; }

    body #content .tile.color.dutch {

      background-color: #1cbbd2; }

      body #content .tile.color.dutch.cornered:before {

        border-bottom-color: #1693a5;

        border-left-color: #1693a5; }

    body #content .tile.color.hotpink {

      background-color: #ff3385; }

      body #content .tile.color.hotpink.cornered:before {

        border-bottom-color: #ff0066;

        border-left-color: #ff0066; }

    body #content .tile.color.drank {

      background-color: #d5099c; }

      body #content .tile.color.drank.cornered:before {

        border-bottom-color: #a40778;

        border-left-color: #a40778; }

    body #content .tile.color.grey {

      background-color: #8b8b8b; }

      body #content .tile.color.grey.cornered:before {

        border-bottom-color: #717171;

        border-left-color: #717171; }

      body #content .tile.color.grey .progress {

        background-color: #a2a2a2; }



/************************************/

/************* TOOLTIPS *************/

/************************************/

#tooltip {

  color: #717171;

  font-size: 11px;

  line-height: 11px; }

  #tooltip h1 {

    font-size: 16px;

    line-height: 18px;

    font-weight: 300;

    margin: 0;

    padding: 0; }



.jqstooltip {

  -webkit-box-sizing: content-box;

  -moz-box-sizing: content-box;

  box-sizing: content-box; }



#flotTip {

  background-color: white !important;

  -webkit-border-radius: 0 !important;

  -moz-border-radius: 0 !important;

  -ms-border-radius: 0 !important;

  -o-border-radius: 0 !important;

  border-radius: 0 !important;

  color: #717171;

  border: 0 !important;

  -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.2);

  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.2); }



/**********************************/

/************* CHARTS *************/

/**********************************/

.pie-chart.inline {

  display: inline-block;

  margin: 15px 30px;

  position: relative; }

  .pie-chart.inline > div {

    position: absolute;

    width: 100%; }

    .pie-chart.inline > div i {

      line-height: 140px; }



/* rickshaw */

.rickshaw_graph .detail .x_label {

  background-color: white;

  opacity: 1;

  border: 0;

  -webkit-border-radius: 0;

  -moz-border-radius: 0;

  -ms-border-radius: 0;

  -o-border-radius: 0;

  border-radius: 0;

  color: #717171; }

.rickshaw_graph .detail .item {

  -webkit-border-radius: 0;

  -moz-border-radius: 0;

  -ms-border-radius: 0;

  -o-border-radius: 0;

  border-radius: 0; }



.custom-labels {

  margin-top: 15px;

  text-align: center; }

  .custom-labels > ul > li {

    display: inline-block;

    margin: 5px 10px 0 10px;

    font-size: 11px;

    text-transform: uppercase;

    font-weight: 300; }

    .custom-labels > ul > li span {

      margin-right: 5px;

      font-size: 85%; }



/* easy pie chart */

.easypiechart {

  position: relative;

  text-align: center; }

  .easypiechart.inline {

    display: inline-block;

    margin: 15px 30px; }

  .easypiechart canvas {

    position: absolute;

    top: 0;

    left: 0; }

  .easypiechart .percentage,

  .easypiechart .label {

    text-align: center;

    font-weight: 100;

    font-size: 14px;

    margin-bottom: 0.3em;

    color: #717171; }

  .easypiechart .label {

    display: block; }



/**************************************/

/************* TYPOGRAPHY *************/

/**************************************/

.large-thin {

  font-size: 48px !important;

  font-weight: 100 !important;

  -webkit-font-smoothing: antialiased; }



.big-thin {

  font-size: 36px !important;

  font-weight: 100 !important; }



.medium-thin {

  font-size: 24px !important;

  font-weight: 100 !important; }



.small-thin {

  font-size: 18px !important;

  font-weight: 300 !important; }



.little-thin {

  font-size: 12px !important;

  font-weight: 300 !important; }



.little-regular {

  font-size: 12px !important;

  font-weight: 500 !important; }



.small-bold {

  font-size: 11px !important;

  font-weight: 700 !important; }



.little-bold {

  font-size: 9px !important;

  font-weight: 900 !important;

  line-height: 18px !important; }



.uppercase {

  text-transform: uppercase !important; }



.italic {

  font-style: italic; }



.thin {

  font-weight: 300; }



.extra-bold {

  font-weight: 900; }



/* filled elements */

h1.filled,

h2.filled,

h3.filled,

h4.filled,

h5.filled,

h6.filled {

  background: #f2f2f2;

  padding: 10px; }



p.filled,

blockquote.filled,

div.filled,

ul.filled {

  background: #f8f8f8;

  padding: 10px;

  margin-top: -10px; }

  p.filled.red,

  blockquote.filled.red,

  div.filled.red,

  ul.filled.red {

    background: #fff6f7; }

  p.filled.cyan,

  blockquote.filled.cyan,

  div.filled.cyan,

  ul.filled.cyan {

    background: #f4fcfe; }

  p.filled.orange,

  blockquote.filled.orange,

  div.filled.orange,

  ul.filled.orange {

    background: #fffdf8; }

  p.filled.green,

  blockquote.filled.green,

  div.filled.green,

  ul.filled.green {

    background: #fafcf1; }

  p.filled.amethyst,

  blockquote.filled.amethyst,

  div.filled.amethyst,

  ul.filled.amethyst {

    background: #fdf9fe; }



p.filled.withoutHeader,

blockquote.filled.withoutHeader,

div.filled.withoutHeader,

ul.filled.withoutHeader {

  margin-top: 0; }



blockquote.filled.text-right {

  border-left-width: 0;

  border-right: 5px solid; }



blockquote.filled i {

  font-size: 46px;

  margin: 0 10px 10px 0;

  opacity: .05; }



blockquote p {

  line-height: 1.6em; }



blockquote.filled {

  min-height: 60px; }

  blockquote.filled small {

    color: #999; }

  blockquote.filled.red {

    border-color: #ffeced; }

    blockquote.filled.red small {

      color: #ffa0a5; }

  blockquote.filled.cyan {

    border-color: #eaf9fe; }

    blockquote.filled.cyan small {

      color: #a1e4fb; }

  blockquote.filled.orange {

    border-color: #fff9e9; }

    blockquote.filled.orange small {

      color: #ffe49d; }

  blockquote.filled.green {

    border-color: #f6f9e4; }

    blockquote.filled.green small {

      color: #e1eba5; }

  blockquote.filled.amethyst {

    border-color: #f9f1fc; }

    blockquote.filled.amethyst small {

      color: #deb2ef; }



.filled.red {

  background: #ffeced;

  color: #ff4a43; }



.filled.cyan {

  background: #eaf9fe;

  color: #22beef; }



.filled.orange {

  background: #fff9e9;

  color: #ffc100; }



.filled.green {

  background: #f6f9e4;

  color: #a2d200; }



.filled.amethyst {

  background: #f9f1fc;

  color: #cd97eb; }



address.filled {

  background: #f8f8f8;

  padding: 10px;

  font-weight: 300; }

  address.filled i {

    font-size: 80px;

    opacity: 0.05;

    margin-top: -50px; }

  address.filled strong {

    background: #f2f2f2;

    display: block;

    margin: -10px;

    padding: 5px 10px;

    text-transform: uppercase;

    font-weight: 400; }

  address.filled.filled-append {

    margin-top: -20px; }

  address.filled.red {

    background: #fff6f7; }

    address.filled.red strong {

      background: #ffeced; }

  address.filled.cyan {

    background: #f4fcfe; }

    address.filled.cyan strong {

      background: #eaf9fe; }

  address.filled.orange {

    background: #fffdf8; }

    address.filled.orange strong {

      background: #fff9e9; }

  address.filled.green {

    background: #fafcf1; }

    address.filled.green strong {

      background: #f6f9e4; }

  address.filled.amethyst {

    background: #fdf9fe; }

    address.filled.amethyst strong {

      background: #f9f1fc; }



dl.filled {

  background: #f2f2f2; }

  dl.filled dt,

  dl.filled dd {

    padding: 5px 10px; }

  dl.filled dt {

    background: #f2f2f2;

    font-weight: 500; }

  dl.filled dd {

    background: #f8f8f8;

    font-weight: 300; }

  dl.filled.red dd {

    background: #fff6f7; }

  dl.filled.red dt {

    background: #ffeced; }

  dl.filled.cyan dd {

    background: #f4fcfe; }

  dl.filled.cyan dt {

    background: #eaf9fe; }

  dl.filled.green dd {

    background: #f9fbec; }

  dl.filled.green dt {

    background: #f6f9e4; }

  dl.filled.orange dd {

    background: #fffcf3; }

  dl.filled.orange dt {

    background: #fff9e9; }

  dl.filled.amethyst dd {

    background: #fdf9fe; }

  dl.filled.amethyst dt {

    background: #f9f1fc; }



/*********************************/

/************* WELLS *************/

/*********************************/

.well {

  -webkit-border-radius: 0;

  -moz-border-radius: 0;

  -ms-border-radius: 0;

  -o-border-radius: 0;

  border-radius: 0;

  border: 0;

  -webkit-box-shadow: none;

  box-shadow: none; }

  .well.white {

    background-color: white; }

  .well.well-cyan {

    background-color: #eaf9fe;

    color: #22beef; }

  .well.well-red {

    background-color: #ffeced;

    color: #ff4a43; }

  .well.well-green {

    background-color: #f6f9e4;

    color: #a2d200; }

  .well.well-orange {

    background-color: #fff9e9;

    color: #ffc100; }

  .well.well-amethyst {

    background-color: #f9f1fc;

    color: #cd97eb; }

  .well.well-greensea {

    background-color: #16a085;

    color: white; }

  .well.well-dutch {

    background-color: #1693a5;

    color: white; }

  .well.well-hotpink {

    background-color: #ff0066;

    color: white; }

  .well.well-drank {

    background-color: #a40778;

    color: white; }



/**********************************/

/************* TABLES *************/

/**********************************/

table {

  font-size: 13px; }

  table.table > thead > tr > .cyan, table.table > tbody > tr > .cyan, table.table > tfoot > tr > .cyan, table.table > thead > .cyan > td, table.table > tbody > .cyan > td, table.table > tfoot > .cyan > td, table.table > thead > .cyan > th, table.table > tbody > .cyan > th, table.table > tfoot > .cyan > th {

    background-color: #eaf9fe; }

  table.table > thead > tr > .red, table.table > tbody > tr > .red, table.table > tfoot > tr > .red, table.table > thead > .red > td, table.table > tbody > .red > td, table.table > tfoot > .red > td, table.table > thead > .red > th, table.table > tbody > .red > th, table.table > tfoot > .red > th {

    background-color: #ffeced; }

  table.table > thead > tr > .green, table.table > tbody > tr > .green, table.table > tfoot > tr > .green, table.table > thead > .green > td, table.table > tbody > .green > td, table.table > tfoot > .green > td, table.table > thead > .green > th, table.table > tbody > .green > th, table.table > tfoot > .green > th {

    background-color: #f6f9e4; }

  table.table > thead > tr > .orange, table.table > tbody > tr > .orange, table.table > tfoot > tr > .orange, table.table > thead > .orange > td, table.table > tbody > .orange > td, table.table > tfoot > .orange > td, table.table > thead > .orange > th, table.table > tbody > .orange > th, table.table > tfoot > .orange > th {

    background-color: #fff9e9; }

  table.table > thead > tr > .amethyst, table.table > tbody > tr > .amethyst, table.table > tfoot > tr > .amethyst, table.table > thead > .amethyst > td, table.table > tbody > .amethyst > td, table.table > tfoot > .amethyst > td, table.table > thead > .amethyst > th, table.table > tbody > .amethyst > th, table.table > tfoot > .amethyst > th {

    background-color: #f9f1fc; }

  table.table > caption + thead > tr:first-child > th, table.table > colgroup + thead > tr:first-child > th, table.table > thead:first-child > tr:first-child > th, table.table > caption + thead > tr:first-child > td, table.table > colgroup + thead > tr:first-child > td, table.table > thead:first-child > tr:first-child > td {

    border-top: 0; }

  table tr > td.actions a,

  table tr > th.actions a {

    font-family: 'Open Sans Condensed', sans-serif;

    font-size: 11px;

    font-weight: 700;

    color: #717171;

    text-transform: uppercase;

    padding: 5px 10px;

    margin-right: 10px; }

    table tr > td.actions a:hover,

    table tr > th.actions a:hover {

      text-decoration: none; }

    table tr > td.actions a.delete:hover,

    table tr > th.actions a.delete:hover {

      color: #ff4a43; }

    table tr > td.actions a.edit:hover,

    table tr > th.actions a.edit:hover {

      color: #22beef; }

    table tr > td.actions a.save:hover,

    table tr > th.actions a.save:hover {

      color: #a2d200; }

  table tr > td.control,

  table tr > th.control {

    cursor: pointer; }

    table tr > td.control a,

    table tr > th.control a {

      font-size: 14px;

      line-height: 14px;

      color: #999; }

    table tr > td.control:hover a,

    table tr > th.control:hover a {

      color: #22beef; }

  table tr > td div.innerDetails,

  table tr > th div.innerDetails {

    display: none; }



/**************************************/

/************* DATATABLES *************/

/**************************************/

body #content .dataTables_wrapper .chosen-container {

  width: auto !important; }



.dataTables_wrapper {

  font-size: 11px;

  position: relative; }

  .dataTables_wrapper .dataTables_scroll .dataTables_scrollBody .table thead tr th:after,

  .dataTables_wrapper .dataTables_scroll .dataTables_scrollBody .table thead tr td:after {

    content: "" !important; }

  .dataTables_wrapper .row {

    margin: 0;

    padding: 10px 0; }

  .dataTables_wrapper label {

    margin: 0; }

  .dataTables_wrapper .dataTables_info,

  .dataTables_wrapper .dataTables_length,

  .dataTables_wrapper .dataTables_filter {

    color: #999; }

  .dataTables_wrapper .delete-row,

  .dataTables_wrapper .add-row {

    position: absolute;

    top: 20px;

    left: 43%;

    -webkit-transition: none;

    transition: none; }

  .dataTables_wrapper .delete-row {

    display: none; }

  .dataTables_wrapper .DTTT_container {

    float: left;

    margin: 0; }

  .dataTables_wrapper .ColVis_Button {

    -webkit-transition: all .25s ease-in-out;

    transition: all .25s ease-in-out;

    cursor: pointer; }

    .dataTables_wrapper .ColVis_Button:hover {

      background-color: #ebebeb;

      border-color: #adadad; }

    .dataTables_wrapper .ColVis_Button:focus {

      outline: 0;

      background-color: #ebebeb;

      border-color: #adadad; }

  .dataTables_wrapper .dataTables_length select + .chosen-container.chosen-container-single .chosen-single {

    background: #fafafa; }

    .dataTables_wrapper .dataTables_length select + .chosen-container.chosen-container-single .chosen-single div b {

      background-position: 0 8px; }

  .dataTables_wrapper .dataTables_length select + .chosen-container.chosen-container-active.chosen-with-drop .chosen-single div b {

    background-position: -18px 8px; }

  .dataTables_wrapper div.dataTables_filter label {

    vertical-align: middle;

    line-height: 33px; }

  .dataTables_wrapper .table-datatable {

    color: #717171;

    font-size: 12px;

    margin: 0 !important; }

    .dataTables_wrapper .table-datatable.table-bordered {

      border-left: 0;

      border-right: 0; }

      .dataTables_wrapper .table-datatable.table-bordered > thead > tr > th:first-child,

      .dataTables_wrapper .table-datatable.table-bordered > thead > tr > td:first-child,

      .dataTables_wrapper .table-datatable.table-bordered > tbody > tr > th:first-child,

      .dataTables_wrapper .table-datatable.table-bordered > tbody > tr > td:first-child,

      .dataTables_wrapper .table-datatable.table-bordered > tfoot > tr > th:first-child,

      .dataTables_wrapper .table-datatable.table-bordered > tfoot > tr > td:first-child {

        border-left: 0; }

      .dataTables_wrapper .table-datatable.table-bordered > thead > tr > th:last-child,

      .dataTables_wrapper .table-datatable.table-bordered > thead > tr > td:last-child,

      .dataTables_wrapper .table-datatable.table-bordered > tbody > tr > th:last-child,

      .dataTables_wrapper .table-datatable.table-bordered > tbody > tr > td:last-child,

      .dataTables_wrapper .table-datatable.table-bordered > tfoot > tr > th:last-child,

      .dataTables_wrapper .table-datatable.table-bordered > tfoot > tr > td:last-child {

        border-right: 0; }

    .dataTables_wrapper .table-datatable > thead > tr th,

    .dataTables_wrapper .table-datatable > thead > tr td {

      text-transform: uppercase;

      font-size: 10px;

      line-height: 17px;

      background: #f2f2f2; }

      .dataTables_wrapper .table-datatable > thead > tr th.sorting_asc, .dataTables_wrapper .table-datatable > thead > tr th.sorting_desc,

      .dataTables_wrapper .table-datatable > thead > tr td.sorting_asc,

      .dataTables_wrapper .table-datatable > thead > tr td.sorting_desc {

        border-bottom-color: #777;

        background: #e2e2e2; }

      .dataTables_wrapper .table-datatable > thead > tr th.sorting_asc, .dataTables_wrapper .table-datatable > thead > tr th.sorting_desc, .dataTables_wrapper .table-datatable > thead > tr th.sorting,

      .dataTables_wrapper .table-datatable > thead > tr td.sorting_asc,

      .dataTables_wrapper .table-datatable > thead > tr td.sorting_desc,

      .dataTables_wrapper .table-datatable > thead > tr td.sorting {

        position: relative; }

        .dataTables_wrapper .table-datatable > thead > tr th.sorting_asc:after, .dataTables_wrapper .table-datatable > thead > tr th.sorting_desc:after, .dataTables_wrapper .table-datatable > thead > tr th.sorting:after,

        .dataTables_wrapper .table-datatable > thead > tr td.sorting_asc:after,

        .dataTables_wrapper .table-datatable > thead > tr td.sorting_desc:after,

        .dataTables_wrapper .table-datatable > thead > tr td.sorting:after {

          font-family: 'FontAwesome';

          font-size: 10px;

          position: absolute;

          right: 10px;

          font-smoothing: antialiased;

          -webkit-font-smoothing: antialiased; }

      .dataTables_wrapper .table-datatable > thead > tr th.sorting:after,

      .dataTables_wrapper .table-datatable > thead > tr td.sorting:after {

        content: "\f0dc"; }

      .dataTables_wrapper .table-datatable > thead > tr th.sorting_asc:after,

      .dataTables_wrapper .table-datatable > thead > tr td.sorting_asc:after {

        content: "\f0dd"; }

      .dataTables_wrapper .table-datatable > thead > tr th.sorting_desc:after,

      .dataTables_wrapper .table-datatable > thead > tr td.sorting_desc:after {

        content: "\f0de"; }

      .dataTables_wrapper .table-datatable > thead > tr th.sort-alpha.sorting_asc:after,

      .dataTables_wrapper .table-datatable > thead > tr td.sort-alpha.sorting_asc:after {

        content: "\f15d"; }

      .dataTables_wrapper .table-datatable > thead > tr th.sort-alpha.sorting_desc:after,

      .dataTables_wrapper .table-datatable > thead > tr td.sort-alpha.sorting_desc:after {

        content: "\f15e"; }

      .dataTables_wrapper .table-datatable > thead > tr th.sort-amount.sorting_asc:after,

      .dataTables_wrapper .table-datatable > thead > tr td.sort-amount.sorting_asc:after {

        content: "\f160"; }

      .dataTables_wrapper .table-datatable > thead > tr th.sort-amount.sorting_desc:after,

      .dataTables_wrapper .table-datatable > thead > tr td.sort-amount.sorting_desc:after {

        content: "\f161"; }

      .dataTables_wrapper .table-datatable > thead > tr th.sort-numeric.sorting_asc:after,

      .dataTables_wrapper .table-datatable > thead > tr td.sort-numeric.sorting_asc:after {

        content: "\f162"; }

      .dataTables_wrapper .table-datatable > thead > tr th.sort-numeric.sorting_desc:after,

      .dataTables_wrapper .table-datatable > thead > tr td.sort-numeric.sorting_desc:after {

        content: "\f163"; }

    .dataTables_wrapper .table-datatable > tbody > tr > td,

    .dataTables_wrapper .table-datatable > tbody > tr > th {

      color: #999; }

      .dataTables_wrapper .table-datatable > tbody > tr > td.details,

      .dataTables_wrapper .table-datatable > tbody > tr > th.details {

        background-color: rgba(0, 0, 0, 0.08); }

        .dataTables_wrapper .table-datatable > tbody > tr > td.details table > tbody > tr > td,

        .dataTables_wrapper .table-datatable > tbody > tr > th.details table > tbody > tr > td {

          padding: 5px; }

          .dataTables_wrapper .table-datatable > tbody > tr > td.details table > tbody > tr > td:first-child,

          .dataTables_wrapper .table-datatable > tbody > tr > th.details table > tbody > tr > td:first-child {

            text-transform: uppercase;

            font-size: 10px;

            font-weight: 900;

            line-height: 14px;

            color: #717171; }

          .dataTables_wrapper .table-datatable > tbody > tr > td.details table > tbody > tr > td:last-child,

          .dataTables_wrapper .table-datatable > tbody > tr > th.details table > tbody > tr > td:last-child {

            line-height: 13px;

            font-size: 12px;

            padding: 0 5px; }

    .dataTables_wrapper .table-datatable > tbody > tr.row_selected > td,

    .dataTables_wrapper .table-datatable > tbody > tr.row_selected > th, .dataTables_wrapper .table-datatable > tbody > tr.drilled > td,

    .dataTables_wrapper .table-datatable > tbody > tr.drilled > th {

      background-color: rgba(0, 0, 0, 0.05); }

  .dataTables_wrapper .dataTables_paginate {

    float: none;

    text-align: center; }

    .dataTables_wrapper .dataTables_paginate.paging_custombootstrap ul > li > a {

      padding: 3px 7px;

      font-size: 11px;

      line-height: 15px; }



.DTTT_print_info {

  overflow: hidden;

  opacity: 1;

  background: white;

  border: 0;

  -webkit-border-radius: 0;

  -moz-border-radius: 0;

  -ms-border-radius: 0;

  -o-border-radius: 0;

  border-radius: 0;

  top: 70px;

  z-index: 999999;

  color: #717171;

  -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);

  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3); }



.ColVis_collection {

  min-width: 130px;

  padding: 3px;

  background-color: #f2f2f2;

  -webkit-border-radius: 0;

  -moz-border-radius: 0;

  -ms-border-radius: 0;

  -o-border-radius: 0;

  border-radius: 0;

  z-index: 999999; }

  .ColVis_collection > li {

    margin-bottom: 3px; }

    .ColVis_collection > li:last-child {

      margin-bottom: 0; }

    .ColVis_collection > li > label {

      width: 100%;

      text-align: left;

      padding: 2px 3px; }

      .ColVis_collection > li > label span {

        font-size: 11px;

        margin-left: 5px;

        color: #717171; }

      .ColVis_collection > li > label input:checked + span {

        color: #212121; }



.ColVis_catcher {

  cursor: pointer; }



.ColVis_collectionBackground {

  position: fixed;

  width: 100%;

  height: 100%; }



/***********************************/

/************* BUTTONS *************/

/***********************************/

.btn {

  -webkit-transition: all .25s ease-in-out;

  transition: all .25s ease-in-out;

  -webkit-border-radius: 0;

  -moz-border-radius: 0;

  -ms-border-radius: 0;

  -o-border-radius: 0;

  border-radius: 0;

  /* file upload */ }

  .btn.btn-black-transparent {

    background-color: rgba(0, 0, 0, 0.1);

    color: #f2f2f2; }

    .btn.btn-black-transparent:hover {

      background-color: rgba(0, 0, 0, 0.2);

      color: white; }

  .btn:focus {

    outline: 0; }

  .btn.active, .btn:active {

    -webkit-box-shadow: none;

    box-shadow: none; }

  .btn.show-code {

    font-size: 9px;

    padding: 2px 10px;

    color: #888;

    background-color: #f2f2f2;

    position: absolute;

    right: 5px;

    bottom: 5px;

    border-radius: 10px;

    z-index: 999;

    -webkit-transition: all .25s ease-in-out;

    transition: all .25s ease-in-out; }

    .btn.show-code:hover {

      background-color: #d2d2d2;

      color: #333; }

  .btn.uppercased {

    text-transform: uppercase;

    font-size: 11px;

    font-weight: 900;

    padding: 3px 20px; }

  .btn.btn-green {

    background-color: #a2d200;

    color: #f2f2f2; }

    .btn.btn-green:hover {

      background-color: #8eb800;

      color: white; }

  .btn.btn-cyan {

    background-color: #52ccf2;

    color: #f2f2f2; }

    .btn.btn-cyan:hover {

      background-color: #0fa1cf;

      color: white; }

  .btn.btn-red {

    background-color: #ff7b76;

    color: #f2f2f2; }

    .btn.btn-red:hover {

      background-color: #ff4f48;

      color: white; }

  .btn.btn-orange {

    background-color: #ffc100;

    color: #f2f2f2; }

    .btn.btn-orange:hover {

      background-color: #f0b500;

      color: white; }

  .btn.btn-amethyst {

    background-color: #cd97eb;

    color: #f2f2f2; }

    .btn.btn-amethyst:hover {

      background-color: #b86ce3;

      color: white; }

  .btn.btn-greensea {

    background-color: #1ccdaa;

    color: #f2f2f2; }

    .btn.btn-greensea:hover {

      background-color: #14937a;

      color: white; }

  .btn.btn-hotpink {

    background-color: #ff3385;

    color: #f2f2f2; }

    .btn.btn-hotpink:hover {

      background-color: #e6005c;

      color: white; }

  .btn.btn-drank {

    background-color: #d5099c;

    color: #f2f2f2; }

    .btn.btn-drank:hover {

      background-color: #95066d;

      color: white; }

  .btn.btn-dutch {

    background-color: #1cbbd2;

    color: #f2f2f2; }

    .btn.btn-dutch:hover {

      background-color: #148798;

      color: white; }

  .btn.btn-primary {

    color: #f2f2f2; }

    .btn.btn-primary:hover {

      color: white; }

  .btn.btn-danger {

    color: #f2f2f2; }

    .btn.btn-danger:hover {

      color: white; }

  .btn.btn-warning {

    color: #f2f2f2; }

    .btn.btn-warning:hover {

      color: white; }

  .btn.btn-success {

    color: #f2f2f2; }

    .btn.btn-success:hover {

      color: white; }

  .btn.btn-info {

    color: #f2f2f2; }

    .btn.btn-info:hover {

      color: white; }

  .btn.btn-file {

    position: relative;

    overflow: hidden;

    -webkit-border-radius: 0;

    -moz-border-radius: 0;

    -ms-border-radius: 0;

    -o-border-radius: 0;

    border-radius: 0;

    line-height: 23px; }

    .btn.btn-file input[type=file] {

      position: absolute;

      top: 0;

      right: 0;

      min-width: 100%;

      min-height: 100%;

      font-size: 999px;

      text-align: right;

      filter: alpha(opacity=0);

      opacity: 0;

      background: red;

      cursor: inherit;

      display: block; }



.btn-group-lg > .btn,

.btn-group-sm > .btn,

.btn-group-xs > .btn {

  -webkit-border-radius: 0;

  -moz-border-radius: 0;

  -ms-border-radius: 0;

  -o-border-radius: 0;

  border-radius: 0; }



.btn-group > .btn + .dropdown-toggle {

  border-left: 1px solid rgba(0, 0, 0, 0.05); }



.btn-group > .btn-default + .dropdown-toggle {

  border-left: 1px solid #ccc; }



/****************************************/

/************* TABS & PILLS *************/

/****************************************/

#content .tile .nav.nav-tabs,

#content .tile .nav.nav-pills {

  padding: 10px 10px 0 2px;

  background-color: rgba(0, 0, 0, 0.05);

  border-bottom: 0; }

  #content .tile .nav.nav-tabs.nav-justified > li > a,

  #content .tile .nav.nav-pills.nav-justified > li > a {

    border: 1px solid transparent; }

  #content .tile .nav.nav-tabs.nav-separated,

  #content .tile .nav.nav-pills.nav-separated {

    margin-bottom: 20px; }

    #content .tile .nav.nav-tabs.nav-separated > li.active > a,

    #content .tile .nav.nav-tabs.nav-separated > li.active > a:hover,

    #content .tile .nav.nav-tabs.nav-separated > li.active > a:focus,

    #content .tile .nav.nav-pills.nav-separated > li.active > a,

    #content .tile .nav.nav-pills.nav-separated > li.active > a:hover,

    #content .tile .nav.nav-pills.nav-separated > li.active > a:focus {

      -webkit-box-shadow: 0 -1px 1px rgba(0, 0, 0, 0.1);

      box-shadow: 0 -1px 1px rgba(0, 0, 0, 0.1); }

    #content .tile .nav.nav-tabs.nav-separated > li > a,

    #content .tile .nav.nav-pills.nav-separated > li > a {

      -webkit-box-shadow: 0 -1px 1px rgba(0, 0, 0, 0.1);

      box-shadow: 0 -1px 1px rgba(0, 0, 0, 0.1); }

  #content .tile .nav.nav-tabs.tabdrop li.tabdrop a,

  #content .tile .nav.nav-pills.tabdrop li.tabdrop a {

    position: relative; }

    #content .tile .nav.nav-tabs.tabdrop li.tabdrop a i,

    #content .tile .nav.nav-pills.tabdrop li.tabdrop a i {

      font-size: 14px; }

    #content .tile .nav.nav-tabs.tabdrop li.tabdrop a .badge,

    #content .tile .nav.nav-pills.tabdrop li.tabdrop a .badge {

      position: absolute;

      top: -7px;

      right: -7px;

      background-color: #16a085;

      font-weight: 300; }

  #content .tile .nav.nav-tabs.tabdrop li.tabdrop.open .dropdown-menu,

  #content .tile .nav.nav-pills.tabdrop li.tabdrop.open .dropdown-menu {

    left: auto; }

  #content .tile .nav.nav-tabs.tabdrop li.tabdrop.active a .badge,

  #content .tile .nav.nav-pills.tabdrop li.tabdrop.active a .badge {

    color: white; }

  #content .tile .nav.nav-tabs > li.active > a,

  #content .tile .nav.nav-tabs > li.active > a:hover,

  #content .tile .nav.nav-tabs > li.active > a:focus,

  #content .tile .nav.nav-pills > li.active > a,

  #content .tile .nav.nav-pills > li.active > a:hover,

  #content .tile .nav.nav-pills > li.active > a:focus {

    color: #717171;

    background-color: white;

    border: 1px solid transparent;

    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);

    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); }

  #content .tile .nav.nav-tabs > li.success > a,

  #content .tile .nav.nav-tabs > li.success > a:hover,

  #content .tile .nav.nav-tabs > li.success > a:focus,

  #content .tile .nav.nav-pills > li.success > a,

  #content .tile .nav.nav-pills > li.success > a:hover,

  #content .tile .nav.nav-pills > li.success > a:focus {

    color: #a2d200;

    border: 1px solid transparent;

    -webkit-box-shadow: 0 1px 1px #a2d200;

    box-shadow: 0 1px 1px #a2d200; }

  #content .tile .nav.nav-tabs > li.success a,

  #content .tile .nav.nav-pills > li.success a {

    padding-left: 35px; }

  #content .tile .nav.nav-tabs > li.success:before,

  #content .tile .nav.nav-pills > li.success:before {

    content: "\f05d";

    position: absolute;

    font-family: 'FontAwesome';

    color: #a2d200;

    z-index: 9;

    top: 5px;

    left: 15px;

    font-size: 22px; }

  #content .tile .nav.nav-tabs > li.disabled > a,

  #content .tile .nav.nav-tabs > li.disabled > a:hover,

  #content .tile .nav.nav-tabs > li.disabled > a:focus,

  #content .tile .nav.nav-pills > li.disabled > a,

  #content .tile .nav.nav-pills > li.disabled > a:hover,

  #content .tile .nav.nav-pills > li.disabled > a:focus {

    color: #ccc;

    background-color: rgba(255, 255, 255, 0.1); }

  #content .tile .nav.nav-tabs > .open > a,

  #content .tile .nav.nav-pills > .open > a {

    color: #8b8b8b;

    background-color: rgba(255, 255, 255, 0.7);

    border: 1px solid transparent; }

  #content .tile .nav.nav-tabs > .open .dropdown-menu,

  #content .tile .nav.nav-pills > .open .dropdown-menu {

    left: 7px;

    border: 1px solid rgba(0, 0, 0, 0.05); }

  #content .tile .nav.nav-tabs > li > a,

  #content .tile .nav.nav-pills > li > a {

    font-weight: 300;

    font-size: 13px;

    color: #a4a4a4;

    background-color: rgba(255, 255, 255, 0.3);

    margin-right: 0px;

    margin-left: 8px;

    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);

    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);

    -webkit-transition: all .1s linear;

    transition: all .1s linear; }

    #content .tile .nav.nav-tabs > li > a:hover,

    #content .tile .nav.nav-pills > li > a:hover {

      color: #8b8b8b;

      background-color: rgba(255, 255, 255, 0.7);

      border: 1px solid transparent; }

  #content .tile .nav.nav-tabs.tabs-bottom,

  #content .tile .nav.nav-pills.tabs-bottom {

    padding: 0 10px 10px 2px; }

    #content .tile .nav.nav-tabs.tabs-bottom > li > a,

    #content .tile .nav.nav-pills.tabs-bottom > li > a {

      -webkit-border-radius: 0 0 4px 4px;

      -moz-border-radius: 0 0 4px 4px;

      -ms-border-radius: 0 0 4px 4px;

      -o-border-radius: 0 0 4px 4px;

      border-radius: 0 0 4px 4px; }

  #content .tile .nav.nav-tabs.tabs-left,

  #content .tile .nav.nav-pills.tabs-left {

    padding: 10px 0 2px 10px; }

    #content .tile .nav.nav-tabs.tabs-left > li,

    #content .tile .nav.nav-pills.tabs-left > li {

      display: block;

      float: none;

      margin-left: 1px; }

      #content .tile .nav.nav-tabs.tabs-left > li > a,

      #content .tile .nav.nav-pills.tabs-left > li > a {

        -webkit-border-radius: 4px 0 0 4px;

        -moz-border-radius: 4px 0 0 4px;

        -ms-border-radius: 4px 0 0 4px;

        -o-border-radius: 4px 0 0 4px;

        border-radius: 4px 0 0 4px;

        margin-left: 0;

        margin-bottom: 8px;

        -webkit-box-shadow: 1px 0 1px rgba(0, 0, 0, 0.1);

        box-shadow: 1px 0 1px rgba(0, 0, 0, 0.1); }

      #content .tile .nav.nav-tabs.tabs-left > li.active > a:hover,

      #content .tile .nav.nav-pills.tabs-left > li.active > a:hover {

        -webkit-box-shadow: 1px 0 1px rgba(0, 0, 0, 0.1);

        box-shadow: 1px 0 1px rgba(0, 0, 0, 0.1); }

  #content .tile .nav.nav-tabs.tabs-right,

  #content .tile .nav.nav-pills.tabs-right {

    padding: 10px 10px 2px 0; }

    #content .tile .nav.nav-tabs.tabs-right > li,

    #content .tile .nav.nav-pills.tabs-right > li {

      display: block;

      float: none;

      margin-right: 1px; }

      #content .tile .nav.nav-tabs.tabs-right > li > a,

      #content .tile .nav.nav-pills.tabs-right > li > a {

        -webkit-border-radius: 0 4px 4px 0;

        -moz-border-radius: 0 4px 4px 0;

        -ms-border-radius: 0 4px 4px 0;

        -o-border-radius: 0 4px 4px 0;

        border-radius: 0 4px 4px 0;

        margin-left: 0;

        margin-bottom: 8px;

        -webkit-box-shadow: -1px 0 1px rgba(0, 0, 0, 0.1);

        box-shadow: -1px 0 1px rgba(0, 0, 0, 0.1); }

      #content .tile .nav.nav-tabs.tabs-right > li.active > a:hover,

      #content .tile .nav.nav-pills.tabs-right > li.active > a:hover {

        -webkit-box-shadow: -1px 0 1px rgba(0, 0, 0, 0.1);

        box-shadow: -1px 0 1px rgba(0, 0, 0, 0.1); }

  #content .tile .nav.nav-tabs.color > li.active > a,

  #content .tile .nav.nav-tabs.color > li.active > a:hover,

  #content .tile .nav.nav-tabs.color > li.active > a:focus,

  #content .tile .nav.nav-pills.color > li.active > a,

  #content .tile .nav.nav-pills.color > li.active > a:hover,

  #content .tile .nav.nav-pills.color > li.active > a:focus {

    color: white; }

  #content .tile .nav.nav-tabs.color.cyan > li.active > a,

  #content .tile .nav.nav-tabs.color.cyan > li.active > a:hover,

  #content .tile .nav.nav-tabs.color.cyan > li.active > a:focus,

  #content .tile .nav.nav-pills.color.cyan > li.active > a,

  #content .tile .nav.nav-pills.color.cyan > li.active > a:hover,

  #content .tile .nav.nav-pills.color.cyan > li.active > a:focus {

    background-color: #52ccf2; }

  #content .tile .nav.nav-tabs.color.green > li.active > a,

  #content .tile .nav.nav-tabs.color.green > li.active > a:hover,

  #content .tile .nav.nav-tabs.color.green > li.active > a:focus,

  #content .tile .nav.nav-pills.color.green > li.active > a,

  #content .tile .nav.nav-pills.color.green > li.active > a:hover,

  #content .tile .nav.nav-pills.color.green > li.active > a:focus {

    background-color: #a2d200; }

  #content .tile .nav.nav-tabs.color.red > li.active > a,

  #content .tile .nav.nav-tabs.color.red > li.active > a:hover,

  #content .tile .nav.nav-tabs.color.red > li.active > a:focus,

  #content .tile .nav.nav-pills.color.red > li.active > a,

  #content .tile .nav.nav-pills.color.red > li.active > a:hover,

  #content .tile .nav.nav-pills.color.red > li.active > a:focus {

    background-color: #ff7b76; }

  #content .tile .nav.nav-tabs.color.orange > li.active > a,

  #content .tile .nav.nav-tabs.color.orange > li.active > a:hover,

  #content .tile .nav.nav-tabs.color.orange > li.active > a:focus,

  #content .tile .nav.nav-pills.color.orange > li.active > a,

  #content .tile .nav.nav-pills.color.orange > li.active > a:hover,

  #content .tile .nav.nav-pills.color.orange > li.active > a:focus {

    background-color: #ffcd33; }

  #content .tile .nav.nav-tabs.color.amethyst > li.active > a,

  #content .tile .nav.nav-tabs.color.amethyst > li.active > a:hover,

  #content .tile .nav.nav-tabs.color.amethyst > li.active > a:focus,

  #content .tile .nav.nav-pills.color.amethyst > li.active > a,

  #content .tile .nav.nav-pills.color.amethyst > li.active > a:hover,

  #content .tile .nav.nav-pills.color.amethyst > li.active > a:focus {

    background-color: #e2c2f3; }

  #content .tile .nav.nav-tabs.color.hotpink > li.active > a,

  #content .tile .nav.nav-tabs.color.hotpink > li.active > a:hover,

  #content .tile .nav.nav-tabs.color.hotpink > li.active > a:focus,

  #content .tile .nav.nav-pills.color.hotpink > li.active > a,

  #content .tile .nav.nav-pills.color.hotpink > li.active > a:hover,

  #content .tile .nav.nav-pills.color.hotpink > li.active > a:focus {

    background-color: #ff3385; }

  #content .tile .nav.nav-tabs.color.drank > li.active > a,

  #content .tile .nav.nav-tabs.color.drank > li.active > a:hover,

  #content .tile .nav.nav-tabs.color.drank > li.active > a:focus,

  #content .tile .nav.nav-pills.color.drank > li.active > a,

  #content .tile .nav.nav-pills.color.drank > li.active > a:hover,

  #content .tile .nav.nav-pills.color.drank > li.active > a:focus {

    background-color: #d5099c; }

  #content .tile .nav.nav-tabs.color.greensea > li.active > a,

  #content .tile .nav.nav-tabs.color.greensea > li.active > a:hover,

  #content .tile .nav.nav-tabs.color.greensea > li.active > a:focus,

  #content .tile .nav.nav-pills.color.greensea > li.active > a,

  #content .tile .nav.nav-pills.color.greensea > li.active > a:hover,

  #content .tile .nav.nav-pills.color.greensea > li.active > a:focus {

    background-color: #1ccdaa; }

  #content .tile .nav.nav-tabs.color.dutch > li.active > a,

  #content .tile .nav.nav-tabs.color.dutch > li.active > a:hover,

  #content .tile .nav.nav-tabs.color.dutch > li.active > a:focus,

  #content .tile .nav.nav-pills.color.dutch > li.active > a,

  #content .tile .nav.nav-pills.color.dutch > li.active > a:hover,

  #content .tile .nav.nav-pills.color.dutch > li.active > a:focus {

    background-color: #1cbbd2; }

#content .tile .nav.nav-pills {

  padding: 10px 10px 10px 2px; }

  #content .tile .nav.nav-pills > li.active > a,

  #content .tile .nav.nav-pills > li.active > a:hover,

  #content .tile .nav.nav-pills > li.active > a:focus {

    -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);

    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);

    border: 0; }

  #content .tile .nav.nav-pills > li > a {

    -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);

    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1); }

    #content .tile .nav.nav-pills > li > a:hover {

      border: 0; }

  #content .tile .nav.nav-pills > .open > a {

    border: 0; }

  #content .tile .nav.nav-pills.nav-justified > li > a {

    border: 1px solid transparent; }

  #content .tile .nav.nav-pills.nav-stacked > li {

    margin-bottom: 5px; }

#content .tile .tab-content > ul {

  padding: 0;

  margin: 0;

  list-style-type: none; }

  #content .tile .tab-content > ul > li {

    padding: 8px 15px;

    border-bottom: 1px solid rgba(0, 0, 0, 0.05);

    cursor: pointer;

    -webkit-transition: all .1s linear;

    transition: all .1s linear; }

    #content .tile .tab-content > ul > li:last-child {

      border-bottom: 0; }

    #content .tile .tab-content > ul > li .date {

      font-weight: 900;

      font-size: 11px; }

    #content .tile .tab-content > ul > li .subject {

      font-size: 13px;

      font-weight: 300; }

      #content .tile .tab-content > ul > li .subject a {

        font-weight: 500; }

    #content .tile .tab-content > ul > li .icon {

      opacity: .3;

      -webkit-transition: all .1s linear;

      transition: all .1s linear; }

      #content .tile .tab-content > ul > li .icon i {

        margin: 0 10px; }

    #content .tile .tab-content > ul > li .date,

    #content .tile .tab-content > ul > li .subject {

      opacity: .7;

      -webkit-transition: all .1s linear;

      transition: all .1s linear; }

    #content .tile .tab-content > ul > li .more {

      opacity: 0;

      -webkit-transition: all .1s linear;

      transition: all .1s linear; }

    #content .tile .tab-content > ul > li:hover {

      background-color: rgba(0, 0, 0, 0.01); }

      #content .tile .tab-content > ul > li:hover .date,

      #content .tile .tab-content > ul > li:hover .subject,

      #content .tile .tab-content > ul > li:hover .icon {

        opacity: 1; }

      #content .tile .tab-content > ul > li:hover .more {

        opacity: .5; }



/**************************************/

/************* SUMMERNOTE *************/

/**************************************/

.note-editor {

  border: 1px solid #f2f2f2; }

  .note-editor .note-editable {

    overflow: auto; }

  .note-editor .note-toolbar {

    border-bottom: 0;

    background-color: rgba(0, 0, 0, 0.05); }

  .note-editor .note-statusbar {

    background-color: rgba(0, 0, 0, 0.05); }

    .note-editor .note-statusbar .note-resizebar {

      border-top: 1px solid transparent; }



/****************************************/

/************* OWL CAROUSEL *************/

/****************************************/

.owl-carousel .owl-item h1 {

  font-size: 32px !important;

  padding: 20px 0 !important;

  font-style: italic !important;

  font-weight: 100 !important; }

.owl-carousel .owl-item img {

  width: 80px;

  border: 5px solid rgba(0, 0, 0, 0.3); }

.owl-carousel .owl-item a {

  background-color: rgba(0, 0, 0, 0.1);

  padding: 3px 10px;

  border-radius: 8px;

  font-weight: 400;

  font-size: 11px; }

  .owl-carousel .owl-item a:hover {

    background-color: rgba(0, 0, 0, 0.2); }

.owl-carousel .owl-controls .owl-page span {

  width: 8px;

  height: 8px;

  background: white; }

.owl-carousel .owl-controls .owl-buttons {

  position: absolute;

  top: 45%;

  width: 100%; }

  .owl-carousel .owl-controls .owl-buttons .owl-prev,

  .owl-carousel .owl-controls .owl-buttons .owl-next {

    position: absolute;

    background: none; }

  .owl-carousel .owl-controls .owl-buttons .owl-prev {

    left: 0; }

  .owl-carousel .owl-controls .owl-buttons .owl-next {

    right: 0; }



/***************************************/

/************* SOCIAL FEED *************/

/***************************************/

.social-feed > li {

  opacity: .5;

  -webkit-transition: all .25s linear;

  transition: all .25s linear; }

  .social-feed > li.active, .social-feed > li:hover {

    opacity: 1; }

  .social-feed > li > i {

    margin: 25px 0 20px 0; }

  .social-feed > li > p {

	font-size: 20px;

	font-weight: 300;

	font-style: normal;

}

    .social-feed > li > p a {

      opacity: .8;

      color: white; }

      .social-feed > li > p a:hover {

        opacity: 1;

        color: white !important; }

    .social-feed > li > p.author {

      font-size: 11px;

      font-weight: 400;

      text-transform: uppercase; }

  .social-feed > li .controls {

    background-color: rgba(0, 0, 0, 0.05);

    padding: 3px 15px; }

    .social-feed > li .controls a {

      color: white;

      opacity: .7; }

      .social-feed > li .controls a i {

        padding: 3px;

        margin-right: 5px; }

      .social-feed > li .controls a:hover {

        opacity: 1; }



/***********************************/

/************* SKYCONS *************/

/***********************************/

.skycons canvas {

  width: 50%;

  height: 50%;

  max-width: 100px; }



/**************************************************/

/************* ALERTS & NOTIFICATIONS *************/

/**************************************************/

.alert {

  padding: 5px 15px;

  font-size: 12px; }

  .alert.alert-big {

    padding: 15px; }

  .alert.alert-dismissable {

    padding-right: 35px; }

  .alert.alert-red {

    color: #ff4a43;

    background-color: #ffeced;

    border-color: #ffd3d5; }

    .alert.alert-red .alert-link {

      color: #ff1910; }

  .alert.alert-cyan {

    color: #22beef;

    background-color: #eaf9fe;

    border-color: #d2f2fd; }

    .alert.alert-cyan .alert-link {

      color: #0fa1cf; }

  .alert.alert-green {

    color: #a2d200;

    background-color: #f6f9e4;

    border-color: #eff4cf; }

    .alert.alert-green .alert-link {

      color: #7b9f00; }

  .alert.alert-orange {

    color: #ffc100;

    background-color: #fff9e9;

    border-color: #fff2cf; }

    .alert.alert-orange .alert-link {

      color: #cc9a00; }

  .alert.alert-amethyst {

    color: #cd97eb;

    background-color: #f9f1fc;

    border-color: #f0dcf8; }

    .alert.alert-amethyst .alert-link {

      color: #b86ce3; }



.notification {

  padding: 15px;

  background-color: #fafafa;

  border-left: 3px solid #f2f2f2;

  margin: 20px 0; }

  .notification.notification-warning {

    color: #8a6d3b;

    background-color: #fcf8e3;

    border-color: #faebcc; }

  .notification.notification-danger {

    color: #a94442;

    background-color: #f2dede;

    border-color: #ebccd1; }

  .notification.notification-info {

    color: #31708f;

    background-color: #d9edf7;

    border-color: #bce8f1; }

  .notification.notification-success {

    color: #3c763d;

    background-color: #dff0d8;

    border-color: #d6e9c6; }

  .notification.notification-red {

    color: #ff4a43;

    background-color: #ffeced;

    border-color: #ffd3d5; }

  .notification.notification-cyan {

    color: #22beef;

    background-color: #eaf9fe;

    border-color: #d2f2fd; }

  .notification.notification-green {

    color: #a2d200;

    background-color: #f6f9e4;

    border-color: #eff4cf; }

  .notification.notification-orange {

    color: #ffc100;

    background-color: #fff9e9;

    border-color: #fff2cf; }

  .notification.notification-amethyst {

    color: #cd97eb;

    background-color: #f9f1fc;

    border-color: #f0dcf8; }



/**********************************/

/************* PANELS *************/

/**********************************/

.panel {

  -webkit-border-radius: 0;

  -moz-border-radius: 0;

  -ms-border-radius: 0;

  -o-border-radius: 0;

  border-radius: 0;

  box-shadow: none;

  -webkit-box-shadow: none; }

  .panel .panel-heading {

    -webkit-border-radius: 0;

    -moz-border-radius: 0;

    -ms-border-radius: 0;

    -o-border-radius: 0;

    border-radius: 0; }

  .panel.panel-example .label,

  .panel.panel-example .badge {

    display: inline-block; }

  .panel.panel-example .panel-body {

    padding: 0;

    border: 0; }

    .panel.panel-example .panel-body pre {

      margin: 0;

      -webkit-border-radius: 0;

      -moz-border-radius: 0;

      -ms-border-radius: 0;

      -o-border-radius: 0;

      border-radius: 0; }

  .panel.panel-default .panel-heading {

    background-color: #f2f2f2; }

  .panel.panel-red {

    border-color: #ffd3d5; }

    .panel.panel-red .panel-heading {

      background-color: #ffeced;

      border-color: #ffd3d5;

      color: #ff4a43; }

  .panel.panel-cyan {

    border-color: #d2f2fd; }

    .panel.panel-cyan .panel-heading {

      background-color: #eaf9fe;

      border-color: #d2f2fd;

      color: #22beef; }

  .panel.panel-green {

    border-color: #eff4cf; }

    .panel.panel-green .panel-heading {

      background-color: #f6f9e4;

      border-color: #eff4cf;

      color: #a2d200; }

  .panel.panel-orange {

    border-color: #fff2cf; }

    .panel.panel-orange .panel-heading {

      background-color: #fff9e9;

      border-color: #fff2cf;

      color: #ffc100; }

  .panel.panel-amethyst {

    border-color: #f0dcf8; }

    .panel.panel-amethyst .panel-heading {

      background-color: #f9f1fc;

      border-color: #f0dcf8;

      color: #cd97eb; }

  .panel.panel-greensea {

    border-color: #16a085; }

    .panel.panel-greensea .panel-heading {

      background-color: #16a085;

      border-color: #16a085;

      color: white; }

  .panel.panel-dutch {

    border-color: #1693a5; }

    .panel.panel-dutch .panel-heading {

      background-color: #1693a5;

      border-color: #1693a5;

      color: white; }

  .panel.panel-hotpink {

    border-color: #ff0066; }

    .panel.panel-hotpink .panel-heading {

      background-color: #ff0066;

      border-color: #ff0066;

      color: white; }

  .panel.panel-drank {

    border-color: #a40778; }

    .panel.panel-drank .panel-heading {

      background-color: #a40778;

      border-color: #a40778;

      color: white; }



/**************************************/

/************* PAGINATION *************/

/**************************************/

.pagination.pagination-xs > li:first-child > a,

.pagination.pagination-xs > li:first-child > span {

  -webkit-border-radius: 2px 0 0 2px;

  -moz-border-radius: 2px 0 0 2px;

  -ms-border-radius: 2px 0 0 2px;

  -o-border-radius: 2px 0 0 2px;

  border-radius: 2px 0 0 2px; }

.pagination.pagination-xs > li:last-child > a,

.pagination.pagination-xs > li:last-child > span {

  -webkit-border-radius: 0 2px 2px 0;

  -moz-border-radius: 0 2px 2px 0;

  -ms-border-radius: 0 2px 2px 0;

  -o-border-radius: 0 2px 2px 0;

  border-radius: 0 2px 2px 0; }

.pagination.pagination-xs > li > a,

.pagination.pagination-xs > li > span {

  font-size: 9px;

  font-weight: 900;

  padding: 3px 6px; }



.pagination-custom > li:first-child > a,

.pagination-custom > li:first-child > span,

.dataTables_paginate.paging_custombootstrap .pagination > li:first-child > a,

.dataTables_paginate.paging_custombootstrap .pagination > li:first-child > span {

  -webkit-border-radius: 0px;

  -moz-border-radius: 0px;

  -ms-border-radius: 0px;

  -o-border-radius: 0px;

  border-radius: 0px; }

.pagination-custom > li:last-child > a,

.pagination-custom > li:last-child > span,

.dataTables_paginate.paging_custombootstrap .pagination > li:last-child > a,

.dataTables_paginate.paging_custombootstrap .pagination > li:last-child > span {

  -webkit-border-radius: 0px;

  -moz-border-radius: 0px;

  -ms-border-radius: 0px;

  -o-border-radius: 0px;

  border-radius: 0px; }

.pagination-custom > li > a,

.pagination-custom > li > span,

.dataTables_paginate.paging_custombootstrap .pagination > li > a,

.dataTables_paginate.paging_custombootstrap .pagination > li > span {

  margin: 2px;

  -webkit-border-radius: 0px;

  -moz-border-radius: 0px;

  -ms-border-radius: 0px;

  -o-border-radius: 0px;

  border-radius: 0px;

  color: #717171;

  font-weight: 700; }

  .pagination-custom > li > a:hover,

  .pagination-custom > li > span:hover,

  .dataTables_paginate.paging_custombootstrap .pagination > li > a:hover,

  .dataTables_paginate.paging_custombootstrap .pagination > li > span:hover {

    color: #22beef;

    border: 1px solid #bcbcbc;

    -webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1);

    box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1);

    background-color: transparent; }

.pagination-custom > .active > a,

.pagination-custom > .active > span,

.pagination-custom > .active > a:hover,

.pagination-custom > .active > span:hover,

.pagination-custom > .active > a:focus,

.pagination-custom > .active > span:focus,

.dataTables_paginate.paging_custombootstrap .pagination > .active > a,

.dataTables_paginate.paging_custombootstrap .pagination > .active > span,

.dataTables_paginate.paging_custombootstrap .pagination > .active > a:hover,

.dataTables_paginate.paging_custombootstrap .pagination > .active > span:hover,

.dataTables_paginate.paging_custombootstrap .pagination > .active > a:focus,

.dataTables_paginate.paging_custombootstrap .pagination > .active > span:focus {

  color: white;

  background-color: #22beef;

  border: 1px solid transparent;

  -webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1);

  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1); }

.pagination-custom > .disabled > a,

.pagination-custom > .disabled > span,

.pagination-custom > .disabled > a:hover,

.pagination-custom > .disabled > span:hover,

.pagination-custom > .disabled > a:focus,

.pagination-custom > .disabled > span:focus,

.dataTables_paginate.paging_custombootstrap .pagination > .disabled > a,

.dataTables_paginate.paging_custombootstrap .pagination > .disabled > span,

.dataTables_paginate.paging_custombootstrap .pagination > .disabled > a:hover,

.dataTables_paginate.paging_custombootstrap .pagination > .disabled > span:hover,

.dataTables_paginate.paging_custombootstrap .pagination > .disabled > a:focus,

.dataTables_paginate.paging_custombootstrap .pagination > .disabled > span:focus {

  color: #ddd;

  background-color: #fafafa;

  border: 1px solid #f2f2f2;

  -webkit-box-shadow: none;

  box-shadow: none; }



/*********************************/

/************* PAGER *************/

/*********************************/

.pager > li {

  margin: 0 2px; }

.pager.pager-custom > li > a {

  border-radius: 0;

  color: #717171;

  font-weight: 700; }

  .pager.pager-custom > li > a:hover {

    color: #22beef;

    border: 1px solid #bcbcbc;

    -webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1);

    box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1);

    background-color: #fff; }

.pager.pager-custom > .disabled > a,

.pager.pager-custom > .disabled > span,

.pager.pager-custom > .disabled > a:hover,

.pager.pager-custom > .disabled > span:hover,

.pager.pager-custom > .disabled > a:focus,

.pager.pager-custom > .disabled > span:focus {

  color: #ddd;

  background-color: #fafafa;

  border: 1px solid #f2f2f2;

  -webkit-box-shadow: none;

  box-shadow: none; }



/**************************************/

/************* LIST GROUP *************/

/**************************************/

.list-group .list-group-item {

  -webkit-border-radius: 0;

  -moz-border-radius: 0;

  -ms-border-radius: 0;

  -o-border-radius: 0;

  border-radius: 0; }



/****************************************/

/************* TYPEAHEAD.JS *************/

/****************************************/

.twitter-typeahead .tt-hint {

  display: block;

  height: 34px;

  padding: 6px 12px;

  font-size: 14px;

  line-height: 1.428571429;

  border: 1px solid transparent;

  border-radius: 4px; }



.twitter-typeahead .hint-small {

  height: 30px;

  padding: 5px 10px;

  font-size: 12px;

  border-radius: 3px;

  line-height: 1.5; }



.twitter-typeahead .hint-large {

  height: 45px;

  padding: 10px 16px;

  font-size: 18px;

  border-radius: 6px;

  line-height: 1.33; }



.twitter-typeahead {

  width: 100%; }



.tt-dropdown-menu {

  width: 100%; }



.tt-hint {

  width: 100%; }



/*****************************************/

/************* TOGGLE SWITCH *************/

/*****************************************/

.onoffswitch {

  position: relative;

  width: 36px;

  -webkit-user-select: none;

  -moz-user-select: none;

  -ms-user-select: none; }

  .onoffswitch.green .onoffswitch-inner:before {

    background-color: #a2d200; }

  .onoffswitch.red .onoffswitch-inner:before {

    background-color: #ff4a43; }

  .onoffswitch.cyan .onoffswitch-inner:before {

    background-color: #22beef; }

  .onoffswitch.orange .onoffswitch-inner:before {

    background-color: #ffc100; }

  .onoffswitch.amethyst .onoffswitch-inner:before {

    background-color: #cd97eb; }

  .onoffswitch.greensea .onoffswitch-inner:before {

    background-color: #16a085; }

  .onoffswitch.dutch .onoffswitch-inner:before {

    background-color: #1693a5; }

  .onoffswitch.hotpink .onoffswitch-inner:before {

    background-color: #ff0066; }

  .onoffswitch.drank .onoffswitch-inner:before {

    background-color: #a40778; }

  .onoffswitch.labeled {

    width: 46px; }

    .onoffswitch.labeled .onoffswitch-inner:before {

      content: "On"; }

    .onoffswitch.labeled .onoffswitch-inner:after {

      content: "Off"; }

    .onoffswitch.labeled .onoffswitch-switch {

      right: 24px; }



.onoffswitch-checkbox {

  display: none; }



.onoffswitch-label {

  display: block;

  overflow: hidden;

  cursor: pointer;

  -webkit-border-radius: 50px;

  -moz-border-radius: 50px;

  -ms-border-radius: 50px;

  -o-border-radius: 50px;

  border-radius: 50px; }



.onoffswitch-inner {

  width: 200%;

  margin-left: -100%;

  -moz-transition: margin 0.3s ease-in 0s;

  -webkit-transition: margin 0.3s ease-in 0s;

  -o-transition: margin 0.3s ease-in 0s;

  transition: margin 0.3s ease-in 0s; }



.onoffswitch-inner:before, .onoffswitch-inner:after {

  float: left;

  width: 50%;

  height: 22px;

  padding: 0;

  line-height: 22px;

  font-size: 9px;

  color: white;

  -moz-box-sizing: border-box;

  -webkit-box-sizing: border-box;

  box-sizing: border-box; }



.onoffswitch-inner:before {

  content: "";

  padding-left: 9px;

  background-color: rgba(0, 0, 0, 0.2);

  color: #FFFFFF; }



.onoffswitch-inner:after {

  content: "";

  padding-right: 9px;

  background-color: rgba(0, 0, 0, 0.65);

  color: #999999;

  text-align: right; }



.onoffswitch-switch {

  width: 18px;

  margin: 2px;

  background: #FFFFFF;

  -webkit-border-radius: 50px;

  -moz-border-radius: 50px;

  -ms-border-radius: 50px;

  -o-border-radius: 50px;

  border-radius: 50px;

  position: absolute;

  top: 0;

  bottom: 0;

  right: 14px;

  -moz-transition: all 0.3s ease-in 0s;

  -webkit-transition: all 0.3s ease-in 0s;

  -o-transition: all 0.3s ease-in 0s;

  transition: all 0.3s ease-in 0s; }



.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {

  margin-left: 0; }



.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {

  right: 0px; }



/****************************************/

/************* NO UI SLIDER *************/

/****************************************/

#colorpicker {

  height: 240px;

  margin: 0;

  padding: 10px; }

  #colorpicker #red, #colorpicker #green, #colorpicker #blue {

    margin: 10px;

    display: inline-block;

    height: 200px; }

  #colorpicker .result {

    margin: 60px 30px;

    height: 100px;

    width: 100px;

    display: inline-block;

    vertical-align: top;

    color: #7f7f7f;

    background: #7f7f7f;

    border: 1px solid #fff;

    box-shadow: 0 0 10px; }



.noUiSlider.noUi-target {

  -webkit-border-radius: 0;

  -moz-border-radius: 0;

  -ms-border-radius: 0;

  -o-border-radius: 0;

  border-radius: 0;

  border: 1px solid #ececec;

  box-shadow: none;

  -webkit-box-shadow: none; }

.noUiSlider.noUi-horizontal {

  height: 8px; }

  .noUiSlider.noUi-horizontal .noUi-handle {

    width: 24px;

    height: 17px; }

.noUiSlider.noUi-vertical {

  width: 8px; }

  .noUiSlider.noUi-vertical .noUi-handle {

    width: 17px;

    height: 24px; }

    .noUiSlider.noUi-vertical .noUi-handle:after, .noUiSlider.noUi-vertical .noUi-handle:before {

      width: 8px;

      height: 1px;

      left: 4px;

      top: 9px; }

    .noUiSlider.noUi-vertical .noUi-handle:after {

      top: 12px; }

.noUiSlider .noUi-handle {

  cursor: pointer; }

  .noUiSlider .noUi-handle:after, .noUiSlider .noUi-handle:before {

    top: 4px;

    height: 7px;

    left: 9px; }

  .noUiSlider .noUi-handle:after {

    left: 12px; }

.noUiSlider .noUi-origin {

  -webkit-border-radius: 0;

  -moz-border-radius: 0;

  -ms-border-radius: 0;

  -o-border-radius: 0;

  border-radius: 0;

  box-shadow: none;

  -webkit-box-shadow: none; }

.noUiSlider.red {

  background-color: #ff4a43; }

.noUiSlider.green {

  background-color: #a2d200; }

.noUiSlider.cyan {

  background-color: #22beef; }

.noUiSlider.orange {

  background-color: #ffc100; }

.noUiSlider.amethyst {

  background-color: #cd97eb; }

.noUiSlider.greensea {

  background-color: #16a085; }

.noUiSlider.dutch {

  background-color: #1693a5; }

.noUiSlider.hotpink {

  background-color: #ff0066; }

.noUiSlider.drank {

  background-color: #a40778; }

.noUiSlider.connect-red .noUi-connect {

  background-color: #ff4a43; }

.noUiSlider.connect-green .noUi-connect {

  background-color: #a2d200; }

.noUiSlider.connect-cyan .noUi-connect {

  background-color: #22beef; }

.noUiSlider.connect-orange .noUi-connect {

  background-color: #ffc100; }

.noUiSlider.connect-amethyst .noUi-connect {

  background-color: #cd97eb; }

.noUiSlider.connect-greensea .noUi-connect {

  background-color: #16a085; }

.noUiSlider.connect-dutch .noUi-connect {

  background-color: #1693a5; }

.noUiSlider.connect-hotpink .noUi-connect {

  background-color: #ff0066; }

.noUiSlider.connect-drank .noUi-connect {

  background-color: #a40778; }



.slider-value {

  position: absolute;

  right: 20px;

  bottom: 60px;

  padding: 5px 15px;

  background-color: rgba(0, 0, 0, 0.3);

  color: #e2e2e2;

  border-radius: 4px;

  font-weight: 600;

  font-size: 12px; }



/**************************************/

/************* ROW SELECT *************/

/**************************************/

ul.inlineSelect.rowSelect > li.title, ul.inlineSelect.inline > li.title {

  background-color: #f2f2f2; }

  ul.inlineSelect.rowSelect > li.title h5, ul.inlineSelect.inline > li.title h5 {

    margin: 0;

    padding: 10px; }

ul.inlineSelect.rowSelect > li > .checkbox, ul.inlineSelect.inline > li > .checkbox {

  padding-left: 0;

  margin: 0 !important; }

  ul.inlineSelect.rowSelect > li > .checkbox input[type=checkbox]:checked + label, ul.inlineSelect.inline > li > .checkbox input[type=checkbox]:checked + label {

    background-color: #f5f5f5; }

  ul.inlineSelect.rowSelect > li > .checkbox label, ul.inlineSelect.inline > li > .checkbox label {

    width: 100%;

    background-color: #fafafa;

    padding: 6px 0 5px 40px; }

    ul.inlineSelect.rowSelect > li > .checkbox label:hover, ul.inlineSelect.inline > li > .checkbox label:hover {

      background-color: #f5f5f5; }

    ul.inlineSelect.rowSelect > li > .checkbox label:before, ul.inlineSelect.inline > li > .checkbox label:before {

      left: 10px;

      top: 7px; }

    ul.inlineSelect.rowSelect > li > .checkbox label:after, ul.inlineSelect.inline > li > .checkbox label:after {

      left: 13px;

      top: 5px; }

ul.inlineSelect.inline > li {

  padding: 0;

  margin-right: -3px; }

ul.inlineSelect.red > li.title {

  background-color: #ff7b76;

  color: white; }

ul.inlineSelect.red > li > .checkbox input[type=checkbox]:checked + label {

  background-color: #ff868c; }

ul.inlineSelect.red > li > .checkbox label:hover {

  background-color: #ff868c; }

ul.inlineSelect.cyan > li.title {

  background-color: #52ccf2;

  color: white; }

ul.inlineSelect.cyan > li > .checkbox input[type=checkbox]:checked + label {

  background-color: #89ddf9; }

ul.inlineSelect.cyan > li > .checkbox label:hover {

  background-color: #89ddf9; }

ul.inlineSelect.orange > li.title {

  background-color: #ffcd33;

  color: white; }

ul.inlineSelect.orange > li > .checkbox input[type=checkbox]:checked + label {

  background-color: #ffdd83; }

ul.inlineSelect.orange > li > .checkbox label:hover {

  background-color: #ffdd83; }

ul.inlineSelect.green > li.title {

  background-color: #a2d200;

  color: white; }

ul.inlineSelect.green > li > .checkbox input[type=checkbox]:checked + label {

  background-color: #dae691; }

ul.inlineSelect.green > li > .checkbox label:hover {

  background-color: #dae691; }

ul.inlineSelect.amethyst > li.title {

  background-color: #cd97eb;

  color: white; }

ul.inlineSelect.amethyst > li > .checkbox input[type=checkbox]:checked + label {

  background-color: #e7c7f3; }

ul.inlineSelect.amethyst > li > .checkbox label:hover {

  background-color: #e7c7f3; }

ul.inlineSelect.greensea > li.title {

  background-color: #16a085;

  color: white; }

ul.inlineSelect.greensea > li > .checkbox input[type=checkbox]:checked + label {

  background-color: #1ccdaa; }

ul.inlineSelect.greensea > li > .checkbox label:hover {

  background-color: #1ccdaa; }

ul.inlineSelect.dutch > li.title {

  background-color: #1693a5;

  color: white; }

ul.inlineSelect.dutch > li > .checkbox input[type=checkbox]:checked + label {

  background-color: #1cbbd2; }

ul.inlineSelect.dutch > li > .checkbox label:hover {

  background-color: #1cbbd2; }

ul.inlineSelect.hotpink > li.title {

  background-color: #ff0066;

  color: white; }

ul.inlineSelect.hotpink > li > .checkbox input[type=checkbox]:checked + label {

  background-color: #ff3385; }

ul.inlineSelect.hotpink > li > .checkbox label:hover {

  background-color: #ff3385; }

ul.inlineSelect.drank > li.title {

  background-color: #a40778;

  color: white; }

ul.inlineSelect.drank > li > .checkbox input[type=checkbox]:checked + label {

  background-color: #d5099c; }

ul.inlineSelect.drank > li > .checkbox label:hover {

  background-color: #d5099c; }



/************************************/

/************* CAROUSEL *************/

/************************************/

.carousel-control .fa {

  position: absolute;

  top: 50%;

  z-index: 5;

  display: inline-block; }

  .carousel-control .fa.left-side {

    left: 35%; }



.carousel-indicators {

  top: 10px;

  right: 20px;

  left: auto;

  bottom: auto;

  text-align: right; }



.carousel-caption {

  width: 100%;

  left: 0;

  right: 0;

  bottom: 0;

  background-color: rgba(0, 0, 0, 0.35);

  padding: 10px 20px; }

  .carousel-caption h3 {

    margin-top: 10px; }

  .carousel-caption p {

    font-size: 12px; }



/*************************************/

/************* ACCORDION *************/

/*************************************/

.panel-group .panel {

  -webkit-border-radius: 0;

  -moz-border-radius: 0;

  -ms-border-radius: 0;

  -o-border-radius: 0;

  border-radius: 0; }

  .panel-group .panel .panel-heading {

    position: relative; }

    .panel-group .panel .panel-heading .panel-title {

      font-size: 14px;

      margin-left: 30px; }

    .panel-group .panel .panel-heading + .panel-collapse .panel-body {

      border-top: 0; }

    .panel-group .panel .panel-heading:before {

      content: "\f0da";

      font-family: 'FontAwesome';

      display: block;

      padding: 7px 15px;

      height: 100%;

      position: absolute;

      left: 0;

      top: 0;

      background-color: rgba(0, 0, 0, 0.05); }

  .panel-group .panel.active .panel-heading:before {

    content: "\f0d7";

    padding: 7px 14px 7px 13px; }

  .panel-group .panel .panel-body {

    font-size: 12px;

    color: #717171;

    line-height: 20px; }



/************************************/

/************* CALENDAR *************/

/************************************/

.cal-options {

  padding: 25px;

  position: relative; }

  .cal-options .date-info {

    position: relative;

    top: 0;

    -webkit-transition: all 0.15s linear;

    transition: all 0.15s linear; }

    .cal-options .date-info.out {

      top: -200px; }

    .cal-options .date-info h2 {

      margin-bottom: 0;

      margin-top: 0; }

      .cal-options .date-info h2 i {

        font-size: 32px;

        cursor: pointer;

        opacity: .5;

        border: 2px solid white;

        -webkit-border-radius: 50%;

        -moz-border-radius: 50%;

        -ms-border-radius: 50%;

        -o-border-radius: 50%;

        border-radius: 50%; }

        .cal-options .date-info h2 i#cal-prev {

          padding: 0 11px 0 9px; }

        .cal-options .date-info h2 i#cal-next {

          padding: 0 9px 0 11px; }

        .cal-options .date-info h2 i:hover {

          opacity: 1; }

    .cal-options .date-info h3 {

      margin-top: 0; }

  .cal-options #event-delete {

    margin-top: -100px;

    margin-bottom: 50px;

    text-align: center; }

    .cal-options #event-delete i {

      background-color: rgba(0, 0, 0, 0.15);

      padding: 15px;

      border-radius: 50%;

      width: 90px;

      opacity: 0;

      -webkit-transition: all 0.25s linear;

      transition: all 0.25s linear; }

    .cal-options #event-delete.in i {

      opacity: .8; }

    .cal-options #event-delete.in.active i {

      opacity: 1;

      background-color: rgba(0, 0, 0, 0.25); }

  .cal-options .events-wrapper {

    margin-top: 40px; }

    .cal-options .events-wrapper h4 {

      border-bottom: 1px solid rgba(255, 255, 255, 0.5);

      padding-bottom: 5px; }

      .cal-options .events-wrapper h4 .new-event {

        color: white;

        opacity: .5; }

        .cal-options .events-wrapper h4 .new-event:hover {

          opacity: 1; }

    .cal-options .events-wrapper .external-event {

      padding: 5px 10px;

      background-color: white;

      margin: 5px 0;

      color: #717171;

      font-size: 12px;

      font-weight: 300;

      opacity: .8;

      -webkit-border-radius: 2px;

      -moz-border-radius: 2px;

      -ms-border-radius: 2px;

      -o-border-radius: 2px;

      border-radius: 2px;

      border-left: 10px solid #717171;

      cursor: move;

      -webkit-transition: opacity 0.25s linear;

      transition: opacity 0.25s linear; }

      .cal-options .events-wrapper .external-event:hover {

        opacity: 1; }

      .cal-options .events-wrapper .external-event[data-color="primary"] {

        border-left: 10px solid #428bca; }

      .cal-options .events-wrapper .external-event[data-color="success"] {

        border-left: 10px solid #5cb85c; }

      .cal-options .events-wrapper .external-event[data-color="info"] {

        border-left: 10px solid #5bc0de; }

      .cal-options .events-wrapper .external-event[data-color="warning"] {

        border-left: 10px solid #f0ad4e; }

      .cal-options .events-wrapper .external-event[data-color="danger"] {

        border-left: 10px solid #d9534f; }

      .cal-options .events-wrapper .external-event[data-color="red"] {

        border-left: 10px solid #ff4a43; }

      .cal-options .events-wrapper .external-event[data-color="cyan"] {

        border-left: 10px solid #22beef; }

      .cal-options .events-wrapper .external-event[data-color="green"] {

        border-left: 10px solid #a2d200; }

      .cal-options .events-wrapper .external-event[data-color="orange"] {

        border-left: 10px solid #ffc100; }

      .cal-options .events-wrapper .external-event[data-color="amethyst"] {

        border-left: 10px solid #cd97eb; }

      .cal-options .events-wrapper .external-event[data-color="greensea"] {

        border-left: 10px solid #16a085; }

      .cal-options .events-wrapper .external-event[data-color="hotpink"] {

        border-left: 10px solid #ff0066; }

      .cal-options .events-wrapper .external-event[data-color="drank"] {

        border-left: 10px solid #a40778; }

      .cal-options .events-wrapper .external-event[data-color="dutch"] {

        border-left: 10px solid #1693a5; }

    .cal-options .events-wrapper .checkbox {

      margin-top: 15px !important;

      padding-left: 0; }



.fc .fc-content .fc-event {

  padding: 3px 5px;

  font-weight: 300;

  font-size: 11px;

  border-radius: 2px; }

.fc .fc-content .fc-view.fc-grid table > thead > tr > th.fc-widget-header, .fc .fc-content .fc-view.fc-agenda table > thead > tr > th.fc-widget-header {

  border: 0;

  border-bottom: 1px solid #eaeaea;

  background-color: #fafafa;

  padding: 15px;

  text-transform: uppercase;

  color: #999;

  font-size: 11px;

  font-weight: 600; }

.fc .fc-content .fc-view.fc-grid table > thead > tr > th.fc-agenda-gutter, .fc .fc-content .fc-view.fc-agenda table > thead > tr > th.fc-agenda-gutter {

  padding: 0; }

.fc .fc-content .fc-view.fc-grid table > tbody > tr > td.fc-widget-content, .fc .fc-content .fc-view.fc-agenda table > tbody > tr > td.fc-widget-content {

  border: 0;

  border-bottom: 1px solid #eaeaea;

  border-right: 1px dotted #eaeaea; }

  .fc .fc-content .fc-view.fc-grid table > tbody > tr > td.fc-widget-content .fc-day-number, .fc .fc-content .fc-view.fc-agenda table > tbody > tr > td.fc-widget-content .fc-day-number {

    padding: 5px 10px;

    margin: 5px;

    color: #717171;

    font-weight: 300;

    font-size: 12px; }

.fc .fc-content .fc-view.fc-grid table > tbody > tr > td:first-child.fc-widget-content, .fc .fc-content .fc-view.fc-agenda table > tbody > tr > td:first-child.fc-widget-content {

  border-left: 1px dotted #eaeaea; }

.fc .fc-content .fc-view.fc-grid table > tbody > tr > td.fc-state-highlight, .fc .fc-content .fc-view.fc-agenda table > tbody > tr > td.fc-state-highlight {

  background: transparent; }

  .fc .fc-content .fc-view.fc-grid table > tbody > tr > td.fc-state-highlight .fc-day-number, .fc .fc-content .fc-view.fc-agenda table > tbody > tr > td.fc-state-highlight .fc-day-number {

    background-color: #16a085;

    color: white;

    font-weight: 600;

    -webkit-border-radius: 3px;

    -moz-border-radius: 3px;

    -ms-border-radius: 3px;

    -o-border-radius: 3px;

    border-radius: 3px; }

.fc .fc-content .fc-view.fc-agenda .fc-agenda-allday .fc-agenda-axis,

.fc .fc-content .fc-view.fc-agenda .fc-agenda-allday .fc-agenda-gutter {

  border: 0;

  background-color: #fafafa;

  color: #999;

  font-size: 11px;

  font-weight: 300;

  padding: 10px 5px; }

.fc .fc-content .fc-view.fc-agenda > table > tbody > tr > td.fc-state-highlight {

  background: rgba(22, 160, 133, 0.05) !important; }

.fc .fc-content .fc-view.fc-agenda > table > tbody > tr > td.fc-sat {

  border-right: 0; }

.fc .fc-content .fc-view.fc-agenda .fc-agenda-slots tr {

  line-height: 35px; }

  .fc .fc-content .fc-view.fc-agenda .fc-agenda-slots tr th {

    border: 0;

    background-color: #fafafa;

    color: #999;

    font-size: 12px;

    font-weight: 300;

    padding-top: 10px; }

  .fc .fc-content .fc-view.fc-agenda .fc-agenda-slots tr td.fc-widget-content {

    border-bottom: 1px dotted #eaeaea;

    line-height: 50px; }

    .fc .fc-content .fc-view.fc-agenda .fc-agenda-slots tr td.fc-widget-content:last-child {

      border-right: 0; }

  .fc .fc-content .fc-view.fc-agenda .fc-agenda-slots tr.fc-minor td.fc-widget-content {

    border-bottom: 1px solid #eaeaea; }

.fc .fc-content .fc-view.fc-agenda .fc-agenda-divider {

  border: 0;

  border-top: 1px solid #eaeaea;

  border-bottom: 1px solid #eaeaea; }

  .fc .fc-content .fc-view.fc-agenda .fc-agenda-divider .fc-agenda-divider-inner {

    background-color: #fafafa;

    height: 3px; }



/****************************************/

/************* COLORPALETTE *************/

/****************************************/

.bootstrap-colorpalette .btn-color {

  border: 0;

  -webkit-transition: all 0.25s ease;

  transition: all 0.25s ease; }

  .bootstrap-colorpalette .btn-color:focus {

    outline: 0; }

  .bootstrap-colorpalette .btn-color:hover {

    border: 0;

    transform: scale(1.25, 1.25);

    -ms-transform: scale(1.25, 1.25);

    /* IE 9 */

    -webkit-transform: scale(1.25, 1.25);

    /* Safari and Chrome */

    -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.3);

    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.3); }



/***********************************/

/************* GALLERY *************/

/***********************************/

.image-block .image {

  text-align: center;

  position: relative;

  overflow: hidden; }

  .image-block .image img {

    max-width: 100%;

    height: auto;

    vertical-align: middle;

    border: 0; }

  .image-block .image .overlay {

    display: block;

    left: 50%;

    position: absolute;

    top: 50%;

    height: 0;

    opacity: 0;

    -webkit-transition: all .35s ease-in-out;

    transition: all .35s ease-in-out;

    width: 0; }

    .image-block .image .overlay.overlay-dark {

      background-color: rgba(0, 0, 0, 0.35); }

      .image-block .image .overlay.overlay-dark i {

        color: white;

        opacity: .5; }

    .image-block .image .overlay.overlay-light {

      background-color: rgba(255, 255, 255, 0.35); }

      .image-block .image .overlay.overlay-light i {

        color: black;

        opacity: .4; }

    .image-block .image .overlay i {

      position: absolute;

      left: 45%;

      top: 40%; }

  .image-block .image .image-actions {

    display: block;

    position: absolute;

    height: 100%;

    width: 100%;

    top: 0;

    left: 0; }

    .image-block .image .image-actions .btn-overlay {

      color: #999;

      font-size: 12px;

      font-weight: 300;

      text-transform: uppercase;

      padding: 5px;

      background-color: white;

      -webkit-border-radius: 2px;

      -moz-border-radius: 2px;

      -ms-border-radius: 2px;

      -o-border-radius: 2px;

      border-radius: 2px;

      width: 80%;

      position: absolute;

      -webkit-transition: all .35s ease;

      transition: all .35s ease; }

      .image-block .image .image-actions .btn-overlay i {

        font-size: 14px;

        margin-left: 5px;

        margin-right: -8px;

        margin-top: 2px;

        float: left;

        -webkit-transition: all .15s linear;

        transition: all .15s linear; }

      .image-block .image .image-actions .btn-overlay.right-side {

        left: 120%; }

      .image-block .image .image-actions .btn-overlay.left-side {

        left: -120%; }

      .image-block .image .image-actions .btn-overlay:nth-child(1) {

        top: 5%; }

      .image-block .image .image-actions .btn-overlay:nth-child(2) {

        top: 30%; }

      .image-block .image .image-actions .btn-overlay:nth-child(3) {

        top: 55%; }

      .image-block .image .image-actions .btn-overlay:nth-child(4) {

        top: 80%; }

      .image-block .image .image-actions .btn-overlay:hover {

        -webkit-border-radius: 4px;

        -moz-border-radius: 4px;

        -ms-border-radius: 4px;

        -o-border-radius: 4px;

        border-radius: 4px;

        transform: scale(1.1, 1.1);

        -ms-transform: scale(1.1, 1.1);

        /* IE 9 */

        -webkit-transform: scale(1.1, 1.1);

        /* Safari and Chrome */ }

      .image-block .image .image-actions .btn-overlay.to-cyan:hover {

        color: white;

        background-color: #22beef; }

        .image-block .image .image-actions .btn-overlay.to-cyan:hover i {

          color: white; }

      .image-block .image .image-actions .btn-overlay.to-red:hover {

        color: white;

        background-color: #ff4a43; }

        .image-block .image .image-actions .btn-overlay.to-red:hover i {

          color: white; }

      .image-block .image .image-actions .btn-overlay.to-green:hover {

        color: white;

        background-color: #a2d200; }

        .image-block .image .image-actions .btn-overlay.to-green:hover i {

          color: white; }

      .image-block .image .image-actions .btn-overlay.to-orange:hover {

        color: white;

        background-color: #ffc100; }

        .image-block .image .image-actions .btn-overlay.to-orange:hover i {

          color: white; }

  .image-block .image:hover .overlay {

    bottom: 0;

    height: 100%;

    left: 0;

    opacity: 1;

    right: 0;

    top: 0;

    width: 100%; }

  .image-block .image:hover .image-actions .btn-overlay {

    left: 10%; }



/* superbox */

/********************************/

/************* MAPS *************/

/********************************/

.jvectormap-zoomin,

.jvectormap-zoomout {

  width: 15px;

  height: 15px; }



.streetview {

  height: 400px; }



.gmap .pagination {

  margin: 0;

  padding: 10px;

  width: 100%;

  text-align: center; }

  .gmap .pagination .display {

    text-align: center;

    height: 40px;

    line-height: 40px;

    font-size: 20px;

    color: #717171;

    font-weight: 300;

    background-color: white;

    display: inline-block;

    width: 85%; }

  .gmap .pagination .back-btn,

  .gmap .pagination .fwd-btn {

    cursor: pointer;

    width: 40px;

    height: 40px;

    background-color: white;

    display: inline-block; }

    .gmap .pagination .back-btn:before,

    .gmap .pagination .fwd-btn:before {

      font-family: 'FontAwesome';

      color: #999;

      font-size: 18px;

      line-height: 44px;

      padding: 0 11px; }

  .gmap .pagination .back-btn {

    border-right: 1px solid #e2e2e2;

    -webkit-border-radius: 2px 0 0 2px;

    -moz-border-radius: 2px 0 0 2px;

    -ms-border-radius: 2px 0 0 2px;

    -o-border-radius: 2px 0 0 2px;

    border-radius: 2px 0 0 2px; }

    .gmap .pagination .back-btn:before {

      content: "\f053"; }

  .gmap .pagination .fwd-btn {

    border-left: 1px solid #e2e2e2;

    -webkit-border-radius: 0 2px 2px 0;

    -moz-border-radius: 0 2px 2px 0;

    -ms-border-radius: 0 2px 2px 0;

    -o-border-radius: 0 2px 2px 0;

    border-radius: 0 2px 2px 0; }

    .gmap .pagination .fwd-btn:before {

      content: "\f054";

      padding: 0 12px; }

  .gmap .pagination .back-btn:hover:before,

  .gmap .pagination .fwd-btn:hover:before {

    color: #717171; }

.gmap .map-filter {

  background-color: white;

  margin: 10px;

  padding: 10px 20px 10px 0;

  -webkit-border-radius: 2px;

  -moz-border-radius: 2px;

  -ms-border-radius: 2px;

  -o-border-radius: 2px;

  border-radius: 2px;

  -webkit-box-shadow: 0px 2px 4px #999;

  box-shadow: 0px 2px 4px #999; }



/************************************/

/************* TIMELINE *************/

/************************************/

.timeline-heading {

  font-size: 13px;

  font-weight: 300;

  color: #717171;

  display: inline-block;

  text-align: center;

  padding: 8px 30px;

  margin: 0;

  background-color: rgba(0, 0, 0, 0.05);

  -webkit-border-radius: 2px;

  -moz-border-radius: 2px;

  -ms-border-radius: 2px;

  -o-border-radius: 2px;

  border-radius: 2px; }



.timeline {

  padding: 25px 1px 5px 1px;

  margin: 0 auto;

  overflow: hidden;

  list-style: none;

  position: relative; }

  .timeline:after {

    background-color: rgba(0, 0, 0, 0.05);

    content: "";

    left: 50%;

    margin-left: -3px;

    min-height: 100%;

    position: absolute;

    top: 0;

    width: 6px;

    z-index: 1; }

  .timeline > li {

    position: relative;

    float: left;

    clear: left;

    text-align: right;

    width: 50%;

    margin: 0;

    margin-bottom: 30px; }

    .timeline > li > .el-container {

      margin-right: 25px;

      display: table; }

      .timeline > li > .el-container > .side {

        display: table-cell;

        width: 200px;

        text-align: center;

        font-size: 65px;

        vertical-align: middle;

        background-color: #555;

        color: #fff;

        -webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.08);

        box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.08); }

        .timeline > li > .el-container > .side img {

          width: 100%; }

      .timeline > li > .el-container > .content {

        display: table-cell;

        text-align: left;

        background: #ffffff;

        padding: 15px;

        -webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.08);

        box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.08); }

        .timeline > li > .el-container > .content span.time {

          float: right;

          color: #d9d9d9;

          font-weight: 300;

          font-size: 13px; }

          .timeline > li > .el-container > .content span.time i {

            font-size: 22px;

            margin-right: 3px;

            color: #f2f2f2;

            position: relative;

            top: 2px; }

        .timeline > li > .el-container > .content h1 {

          margin-top: 0;

          font-weight: 100;

          font-size: 26px;

          color: #717171;

          -webkit-font-smoothing: antialiased; }

        .timeline > li > .el-container > .content p {

          font-weight: 300;

          color: #999;

          font-size: 13px; }

        .timeline > li > .el-container > .content img {

          width: 100%; }

        .timeline > li > .el-container > .content i.block {

          width: 100%;

          text-align: center;

          font-size: 180px;

          background-color: #fafafa;

          color: #717171;

          padding: 50px 0;

          margin-bottom: 20px; }

    .timeline > li > .pointer {

      position: absolute;

      background-color: #d9d9d9;

      right: -13px;

      top: 46px;

      width: 25px;

      height: 25px;

      -webkit-border-radius: 50%;

      -moz-border-radius: 50%;

      -ms-border-radius: 50%;

      -o-border-radius: 50%;

      border-radius: 50%;

      z-index: 2; }

      .timeline > li > .pointer.cyan {

        background-color: #22beef; }

      .timeline > li > .pointer.red {

        background-color: #ff4a43; }

      .timeline > li > .pointer.green {

        background-color: #a2d200; }

      .timeline > li > .pointer.orange {

        background-color: #ffc100; }

      .timeline > li > .pointer.amethyst {

        background-color: #cd97eb; }

      .timeline > li > .pointer.greensea {

        background-color: #16a085; }

      .timeline > li > .pointer.drank {

        background-color: #a40778; }

      .timeline > li > .pointer.hotpink {

        background-color: #ff0066; }

      .timeline > li > .pointer.dutch {

        background-color: #1693a5; }

      .timeline > li > .pointer i {

        color: white;

        font-size: 14px;

        line-height: 24px;

        margin-right: 6px; }

    .timeline > li:after {

      border-bottom: 10px solid transparent;

      border-top: 10px solid transparent;

      content: "";

      height: 0;

      position: absolute;

      top: 48px;

      width: 0;

      z-index: 1; }

    .timeline > li:first-child > .pointer {

      top: 6px; }

    .timeline > li:first-child:after {

      top: 8px; }

    .timeline > li:nth-of-type(even) {

      float: right;

      clear: right;

      text-align: left; }

      .timeline > li:nth-of-type(even) > .el-container {

        margin-right: 0;

        margin-left: 25px; }

      .timeline > li:nth-of-type(even) > .pointer {

        right: auto;

        left: -13px; }

        .timeline > li:nth-of-type(even) > .pointer i {

          margin-right: 0;

          margin-left: 6px; }

      .timeline > li:nth-of-type(even):after {

        border-right: 10px solid;

        border-right-color: white;

        left: 15px; }

    .timeline > li:nth-of-type(odd):after {

      border-left: 10px solid;

      border-left-color: white;

      left: auto;

      right: 15px; }

    .timeline > li.full-width {

      clear: both;

      float: none;

      text-align: center;

      width: auto;

      z-index: 2; }

      .timeline > li.full-width:after {

        border-bottom: 10px solid;

        border-bottom-color: white;

        border-left: 10px solid transparent;

        border-right: 10px solid transparent;

        left: 50%;

        margin-left: -10px;

        right: auto;

        top: -20px; }

      .timeline > li.full-width > .el-container {

        margin: 0; }

      .timeline > li.full-width > .pointer {

        left: 50%;

        margin-left: -12px;

        right: auto;

        top: -38px; }

        .timeline > li.full-width > .pointer i {

          margin-left: 1px;

          margin-right: 0; }

    .timeline > li.color > .el-container > .content h1,

    .timeline > li.color > .el-container > .content p,

    .timeline > li.color > .el-container > .content time {

      color: #fff; }

    .timeline > li.color > .el-container > .content time {

      opacity: .5; }

    .timeline > li.color.red > .el-container > .content {

      background-color: #ff4a43; }

    .timeline > li.color.red:nth-of-type(odd):after {

      border-left-color: #ff4a43; }

    .timeline > li.color.red:nth-of-type(even):after {

      border-right-color: #ff4a43; }

    .timeline > li.color.red.full-width:after {

      border-bottom: 10px solid;

      border-left: 10px solid transparent;

      border-right: 10px solid transparent;

      border-bottom-color: #ff4a43; }

    .timeline > li.color.cyan > .el-container > .content {

      background-color: #22beef; }

    .timeline > li.color.cyan:nth-of-type(odd):after {

      border-left-color: #22beef; }

    .timeline > li.color.cyan:nth-of-type(even):after {

      border-right-color: #22beef; }

    .timeline > li.color.cyan.full-width:after {

      border-bottom: 10px solid;

      border-left: 10px solid transparent;

      border-right: 10px solid transparent;

      border-bottom-color: #22beef; }

    .timeline > li.color.green > .el-container > .content {

      background-color: #a2d200; }

    .timeline > li.color.green:nth-of-type(odd):after {

      border-left-color: #a2d200; }

    .timeline > li.color.green:nth-of-type(even):after {

      border-right-color: #a2d200; }

    .timeline > li.color.green.full-width:after {

      border-bottom: 10px solid;

      border-left: 10px solid transparent;

      border-right: 10px solid transparent;

      border-bottom-color: #a2d200; }

    .timeline > li.color.orange > .el-container > .content {

      background-color: #ffc100; }

    .timeline > li.color.orange:nth-of-type(odd):after {

      border-left-color: #ffc100; }

    .timeline > li.color.orange:nth-of-type(even):after {

      border-right-color: #ffc100; }

    .timeline > li.color.orange.full-width:after {

      border-bottom: 10px solid;

      border-left: 10px solid transparent;

      border-right: 10px solid transparent;

      border-bottom-color: #ffc100; }

    .timeline > li.color.amethyst > .el-container > .content {

      background-color: #cd97eb; }

    .timeline > li.color.amethyst:nth-of-type(odd):after {

      border-left-color: #cd97eb; }

    .timeline > li.color.amethyst:nth-of-type(even):after {

      border-right-color: #cd97eb; }

    .timeline > li.color.amethyst.full-width:after {

      border-bottom: 10px solid;

      border-left: 10px solid transparent;

      border-right: 10px solid transparent;

      border-bottom-color: #cd97eb; }

    .timeline > li.color.greensea > .el-container > .content {

      background-color: #16a085; }

    .timeline > li.color.greensea:nth-of-type(odd):after {

      border-left-color: #16a085; }

    .timeline > li.color.greensea:nth-of-type(even):after {

      border-right-color: #16a085; }

    .timeline > li.color.greensea.full-width:after {

      border-bottom: 10px solid;

      border-left: 10px solid transparent;

      border-right: 10px solid transparent;

      border-bottom-color: #16a085; }

    .timeline > li.color.drank > .el-container > .content {

      background-color: #a40778; }

    .timeline > li.color.drank:nth-of-type(odd):after {

      border-left-color: #a40778; }

    .timeline > li.color.drank:nth-of-type(even):after {

      border-right-color: #a40778; }

    .timeline > li.color.drank.full-width:after {

      border-bottom: 10px solid;

      border-left: 10px solid transparent;

      border-right: 10px solid transparent;

      border-bottom-color: #a40778; }

    .timeline > li.color.hotpink > .el-container > .content {

      background-color: #ff0066; }

    .timeline > li.color.hotpink:nth-of-type(odd):after {

      border-left-color: #ff0066; }

    .timeline > li.color.hotpink:nth-of-type(even):after {

      border-right-color: #ff0066; }

    .timeline > li.color.hotpink.full-width:after {

      border-bottom: 10px solid;

      border-left: 10px solid transparent;

      border-right: 10px solid transparent;

      border-bottom-color: #ff0066; }

    .timeline > li.color.dutch > .el-container > .content {

      background-color: #1693a5; }

    .timeline > li.color.dutch:nth-of-type(odd):after {

      border-left-color: #1693a5; }

    .timeline > li.color.dutch:nth-of-type(even):after {

      border-right-color: #1693a5; }

    .timeline > li.color.dutch.full-width:after {

      border-bottom: 10px solid;

      border-left: 10px solid transparent;

      border-right: 10px solid transparent;

      border-bottom-color: #1693a5; }



/********************************/

/************* MAIL *************/

/********************************/

.vertical-mail > .row > div[class*='col-'],

.horizontal-mail > .row > div[class*='col-'] {

  padding: 0; }

.vertical-mail ul.navigation,

.horizontal-mail ul.navigation {

  background-color: #19b698;

  list-style-type: none;

  padding: 20px;

  padding-top: 60px;

  color: white;

  position: fixed;

  width: 220px;

  height: 100%;

  overflow: auto;

  top: 0;

  left: 250px;

  z-index: 2; }

  .vertical-mail ul.navigation > li.mark,

  .horizontal-mail ul.navigation > li.mark {

    text-align: center;

    font-size: 70px; }

  .vertical-mail ul.navigation > li.compose,

  .horizontal-mail ul.navigation > li.compose {

    text-align: center;

    margin: 20px 0 30px 0; }

    .vertical-mail ul.navigation > li.compose .btn,

    .horizontal-mail ul.navigation > li.compose .btn {

      color: white;

      border-radius: 2px;

      font-size: 13px;

      padding: 10px 20px;

      text-transform: uppercase;

      font-weight: 800; }

  .vertical-mail ul.navigation > li.heading h5,

  .horizontal-mail ul.navigation > li.heading h5 {

    text-transform: uppercase;

    font-weight: 900;

    font-size: 11px;

    -webkit-font-smoothing: antialiased;

    opacity: .8;

    padding-bottom: 2px;

    border-bottom: 1px solid rgba(255, 255, 255, 0.3); }

    .vertical-mail ul.navigation > li.heading h5 a,

    .horizontal-mail ul.navigation > li.heading h5 a {

      color: white;

      opacity: .5; }

      .vertical-mail ul.navigation > li.heading h5 a:hover,

      .horizontal-mail ul.navigation > li.heading h5 a:hover {

        opacity: 1; }

  .vertical-mail ul.navigation > li > ul,

  .horizontal-mail ul.navigation > li > ul {

    list-style-type: none;

    padding: 0; }

    .vertical-mail ul.navigation > li > ul > li,

    .horizontal-mail ul.navigation > li > ul > li {

      text-align: right;

      margin: 0 -20px; }

      .vertical-mail ul.navigation > li > ul > li a,

      .horizontal-mail ul.navigation > li > ul > li a {

        color: #f2f2f2;

        font-size: 26px;

        line-height: 40px;

        font-weight: 300;

        display: block;

        padding-right: 20px;

        -webkit-transition: all .15s linear;

        transition: all .15s linear; }

        .vertical-mail ul.navigation > li > ul > li a span.badge,

        .horizontal-mail ul.navigation > li > ul > li a span.badge {

          position: relative;

          top: -7px;

          margin-right: 5px; }

        .vertical-mail ul.navigation > li > ul > li a:hover,

        .horizontal-mail ul.navigation > li > ul > li a:hover {

          font-size: 32px;

          color: white;

          text-decoration: none;

          background-color: #1abf9f; }

      .vertical-mail ul.navigation > li > ul > li.active a,

      .horizontal-mail ul.navigation > li > ul > li.active a {

        background-color: #1ccdaa;

        font-size: 32px;

        color: white; }

      .vertical-mail ul.navigation > li > ul > li.divider,

      .horizontal-mail ul.navigation > li > ul > li.divider {

        padding: 5px 0;

        background: none; }

      .vertical-mail ul.navigation > li > ul > li.other a, .vertical-mail ul.navigation > li > ul > li.tag a,

      .horizontal-mail ul.navigation > li > ul > li.other a,

      .horizontal-mail ul.navigation > li > ul > li.tag a {

        font-size: 14px;

        line-height: 30px;

        font-weight: 400;

        position: relative; }

        .vertical-mail ul.navigation > li > ul > li.other a:hover, .vertical-mail ul.navigation > li > ul > li.tag a:hover,

        .horizontal-mail ul.navigation > li > ul > li.other a:hover,

        .horizontal-mail ul.navigation > li > ul > li.tag a:hover {

          font-size: 18px; }

      .vertical-mail ul.navigation > li > ul > li.tag a,

      .horizontal-mail ul.navigation > li > ul > li.tag a {

        padding-right: 40px; }

        .vertical-mail ul.navigation > li > ul > li.tag a span.label,

        .horizontal-mail ul.navigation > li > ul > li.tag a span.label {

          position: absolute;

          right: 20px;

          display: inline-block;

          width: 15px;

          height: 15px;

          top: 50%;

          margin-top: -7px;

          padding: 0; }



ul.inbox {

  list-style-type: none;

  margin: 0;

  padding: 10px;

  position: fixed;

  width: 280px;

  height: 100%;

  overflow: auto;

  padding-top: 70px;

  left: 470px;

  top: 0;

  background-color: white;

  z-index: 2; }

  ul.inbox > li.heading h1 {

    font-weight: 100;

    text-align: center;

    color: #717171; }

  ul.inbox > li.search {

    margin: 20px 0; }

    ul.inbox > li.search input {

      width: 100%; }

  ul.inbox > li.pagination span {

    font-size: 11px;

    color: #ccc;

    font-style: italic;

    margin-right: 5px; }

  ul.inbox > li.msg {

    padding: 10px 20px 10px 30px;

    cursor: pointer;

    background-color: white;

    border-top: 1px dotted #e9e9e9;

    position: relative; }

    ul.inbox > li.msg .checkbox {

      margin: 0;

      padding: 0;

      height: 0;

      min-height: 0;

      position: absolute;

      left: 5px;

      top: -14px; }

    ul.inbox > li.msg .mail-favourite {

      position: absolute;

      left: 8px;

      top: 32px;

      color: #e9e9e9; }

      ul.inbox > li.msg .mail-favourite.active {

        color: #ffc100; }

    ul.inbox > li.msg.last {

      border-bottom: 1px dotted #e9e9e9; }

    ul.inbox > li.msg div h5 {

      font-weight: 300;

      color: #717171;

      margin: 0; }

    ul.inbox > li.msg div p {

      padding-top: 10px;

      margin: 0;

      width: 220px;

      color: #ccc;

      text-overflow: ellipsis;

      white-space: nowrap;

      overflow: hidden;

      font-weight: 300;

      line-height: 16px; }

      ul.inbox > li.msg div p strong {

        color: #717171; }

    ul.inbox > li.msg div .delivery-time {

      color: #ccc;

      font-size: 11px; }

    ul.inbox > li.msg div .mail-attachment {

      float: right;

      color: #ccc; }

    ul.inbox > li.msg div .mail-label {

      width: 3px;

      height: 100%;

      position: absolute;

      right: 0;

      top: 0; }

    ul.inbox > li.msg div .mail-actions {

      position: absolute;

      top: 5px;

      right: 10px;

      opacity: 0;

      -webkit-transition: all .1s linear;

      transition: all .1s linear; }

      ul.inbox > li.msg div .mail-actions a {

        padding: 5px;

        color: #ccc;

        -webkit-transition: all .1s linear;

        transition: all .1s linear; }

        ul.inbox > li.msg div .mail-actions a:hover {

          color: #717171; }

        ul.inbox > li.msg div .mail-actions a.delete:hover {

          color: #ff4a43; }

        ul.inbox > li.msg div .mail-actions a.reply:hover {

          color: #a2d200; }

    ul.inbox > li.msg:hover {

      background-color: #fcfcfc; }

      ul.inbox > li.msg:hover .mail-actions {

        opacity: 1; }

    ul.inbox > li.msg.active {

      background-color: #fafafa; }



.mail-content {

  position: fixed;

  width: 100%;

  height: 100%;

  left: 0;

  top: 0;

  padding-top: 80px;

  background-color: #fafafa;

  padding-left: 770px;

  padding-right: 20px;

  padding-bottom: 20px; }

  .mail-content .quick-navigation {

    text-align: center;

    background-color: white;

    margin-bottom: 20px;

    -webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.08);

    box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.08); }

    .mail-content .quick-navigation h3 {

      display: inline-block;

      font-weight: 300;

      font-size: 18px;

      margin: 0;

      line-height: 50px;

      color: #717171; }

    .mail-content .quick-navigation button {

      padding: 15px 20px;

      border: 0; }

  .mail-content .message {

    background-color: white;

    -webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.08);

    box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.08); }

    .mail-content .message .header {

      background-color: #19b698;

      padding: 20px; }

      .mail-content .message .header h1 {

        margin: 0 0 10px 0;

        color: white;

        font-weight: 300;

        font-size: 26px; }

      .mail-content .message .header .message-info {

        list-style-type: none;

        padding: 0;

        margin: 0; }

        .mail-content .message .header .message-info li {

          display: inline-block;

          color: white;

          min-width: 20%;

          margin-right: 20px;

          background-color: rgba(0, 0, 0, 0.05);

          padding: 4px 10px;

          -webkit-border-radius: 2px;

          -moz-border-radius: 2px;

          -ms-border-radius: 2px;

          -o-border-radius: 2px;

          border-radius: 2px;

          font-size: 11px;

          margin-bottom: 5px; }

          .mail-content .message .header .message-info li em {

            opacity: .8; }

      .mail-content .message .header .actions {

        margin: 20px -20px -20px -20px;

        padding: 10px 20px;

        background-color: rgba(0, 0, 0, 0.1); }

        .mail-content .message .header .actions button {

          background-color: rgba(0, 0, 0, 0.2);

          color: #e2e2e2;

          border: 0;

          -webkit-border-radius: 2px;

          -moz-border-radius: 2px;

          -ms-border-radius: 2px;

          -o-border-radius: 2px;

          border-radius: 2px; }

          .mail-content .message .header .actions button:hover {

            background-color: rgba(0, 0, 0, 0.3);

            color: #fff; }

    .mail-content .message .content {

      padding: 40px 20px 20px 20px; }

      .mail-content .message .content p {

        color: #717171;

        font-weight: 300; }

      .mail-content .message .content .attachments {

        list-style-type: none;

        padding: 0;

        margin: 0; }

        .mail-content .message .content .attachments > li {

          margin-bottom: 5px; }

          .mail-content .message .content .attachments > li em {

            font-size: 11px;

            color: #717171; }

          .mail-content .message .content .attachments > li .att-actions {

            font-size: 14px;

            margin-left: 5px;

            float: right; }

            .mail-content .message .content .attachments > li .att-actions i {

              padding: 5px;

              cursor: pointer; }

              .mail-content .message .content .attachments > li .att-actions i.att-show:hover {

                color: #22beef; }

              .mail-content .message .content .attachments > li .att-actions i.att-forward:hover {

                color: #ff4a43; }

              .mail-content .message .content .attachments > li .att-actions i.att-download:hover {

                color: #a2d200; }

      .mail-content .message .content form button {

        margin-top: 10px; }



.horizontal-mail .inbox {

  margin-left: 220px;

  margin-right: -10px;

  position: relative;

  z-index: 2;

  border-bottom: 4px solid #717171; }

  .horizontal-mail .inbox .table-heading {

    background-color: white; }

    .horizontal-mail .inbox .table-heading .heading h1 {

      font-weight: 100;

      color: #717171;

      margin: 0; }

    .horizontal-mail .inbox .table-heading .ColVis {

      margin: 0;

      margin-left: 5px; }

      .horizontal-mail .inbox .table-heading .ColVis .ColVis_Button {

        height: 37px;

        width: 37px;

        text-align: center; }

  .horizontal-mail .inbox .dataTable thead tr th,

  .horizontal-mail .inbox .dataTable thead tr td {

    font-family: 'Open Sans Condensed', 'Roboto', sans-serif;

    text-transform: uppercase;

    font-weight: 600;

    font-size: 12px;

    background: #fafafa;

    border-bottom: 0;

    -webkit-transition: all .1s linear;

    transition: all .1s linear; }

    .horizontal-mail .inbox .dataTable thead tr th.sorting_asc, .horizontal-mail .inbox .dataTable thead tr th.sorting_desc,

    .horizontal-mail .inbox .dataTable thead tr td.sorting_asc,

    .horizontal-mail .inbox .dataTable thead tr td.sorting_desc {

      background: #f2f2f2; }

    .horizontal-mail .inbox .dataTable thead tr th:hover,

    .horizontal-mail .inbox .dataTable thead tr td:hover {

      background: #f5f5f5; }

    .horizontal-mail .inbox .dataTable thead tr th.no-sort,

    .horizontal-mail .inbox .dataTable thead tr td.no-sort {

      cursor: default !important; }

      .horizontal-mail .inbox .dataTable thead tr th.no-sort:hover,

      .horizontal-mail .inbox .dataTable thead tr td.no-sort:hover {

        background: #fafafa; }

    .horizontal-mail .inbox .dataTable thead tr th:first-child,

    .horizontal-mail .inbox .dataTable thead tr td:first-child {

      width: 50px !important; }

    .horizontal-mail .inbox .dataTable thead tr th:last-child,

    .horizontal-mail .inbox .dataTable thead tr td:last-child {

      width: 80px !important; }

  .horizontal-mail .inbox .dataTable tbody tr {

    cursor: pointer; }

    .horizontal-mail .inbox .dataTable tbody tr td,

    .horizontal-mail .inbox .dataTable tbody tr th {

      background: #fdfdfd;

      font-weight: 300; }

      .horizontal-mail .inbox .dataTable tbody tr td:first-child,

      .horizontal-mail .inbox .dataTable tbody tr th:first-child {

        position: relative; }

        .horizontal-mail .inbox .dataTable tbody tr td:first-child .mail-label,

        .horizontal-mail .inbox .dataTable tbody tr th:first-child .mail-label {

          position: absolute;

          width: 5px;

          height: 100%;

          top: 0;

          left: 0; }

      .horizontal-mail .inbox .dataTable tbody tr td .checkbox,

      .horizontal-mail .inbox .dataTable tbody tr th .checkbox {

        width: 20px;

        height: 20px;

        margin-top: -28px !important;

        margin-right: 5px !important;

        margin-left: 5px !important; }

      .horizontal-mail .inbox .dataTable tbody tr td .mail-favourite,

      .horizontal-mail .inbox .dataTable tbody tr th .mail-favourite {

        color: #e9e9e9;

        font-size: 14px;

        line-height: 14px; }

        .horizontal-mail .inbox .dataTable tbody tr td .mail-favourite.active,

        .horizontal-mail .inbox .dataTable tbody tr th .mail-favourite.active {

          color: #ffc100; }

      .horizontal-mail .inbox .dataTable tbody tr td .mail-actions,

      .horizontal-mail .inbox .dataTable tbody tr th .mail-actions {

        opacity: 0;

        -webkit-transition: all .1s linear;

        transition: all .1s linear; }

        .horizontal-mail .inbox .dataTable tbody tr td .mail-actions a,

        .horizontal-mail .inbox .dataTable tbody tr th .mail-actions a {

          padding: 5px 10px;

          color: #ccc;

          font-size: 14px;

          line-height: 14px;

          -webkit-transition: all .1s linear;

          transition: all .1s linear; }

          .horizontal-mail .inbox .dataTable tbody tr td .mail-actions a:hover,

          .horizontal-mail .inbox .dataTable tbody tr th .mail-actions a:hover {

            color: #717171; }

          .horizontal-mail .inbox .dataTable tbody tr td .mail-actions a.delete:hover,

          .horizontal-mail .inbox .dataTable tbody tr th .mail-actions a.delete:hover {

            color: #ff4a43; }

          .horizontal-mail .inbox .dataTable tbody tr td .mail-actions a.reply:hover,

          .horizontal-mail .inbox .dataTable tbody tr th .mail-actions a.reply:hover {

            color: #a2d200; }

    .horizontal-mail .inbox .dataTable tbody tr:hover td .mail-actions,

    .horizontal-mail .inbox .dataTable tbody tr:hover th .mail-actions {

      opacity: 1; }

    .horizontal-mail .inbox .dataTable tbody tr.odd td.sorting_1,

    .horizontal-mail .inbox .dataTable tbody tr.odd th.sorting_1, .horizontal-mail .inbox .dataTable tbody tr.even td.sorting_1,

    .horizontal-mail .inbox .dataTable tbody tr.even th.sorting_1 {

      background-color: #f7f7f7; }

    .horizontal-mail .inbox .dataTable tbody tr:first-child td,

    .horizontal-mail .inbox .dataTable tbody tr:first-child th {

      border-top: 0; }

    .horizontal-mail .inbox .dataTable tbody tr.row_selected td,

    .horizontal-mail .inbox .dataTable tbody tr.row_selected th {

      background-color: #f4f4f4; }

      .horizontal-mail .inbox .dataTable tbody tr.row_selected td.sorting_1,

      .horizontal-mail .inbox .dataTable tbody tr.row_selected th.sorting_1 {

        background-color: #f4f4f4; }

    .horizontal-mail .inbox .dataTable tbody tr.unread td,

    .horizontal-mail .inbox .dataTable tbody tr.unread th {

      font-weight: 500; }

.horizontal-mail .mail-content {

  padding-top: 370px;

  padding-left: 490px; }



/**************************************/

/************* LOGIN PAGE *************/

/**************************************/

.full-page {

  position: fixed;

  width: 100%;

  height: 100%;

  padding: 0 !important;

  background: url(../images/wall.jpg); }

  .full-page .welcome {

    display: block;

    margin: 5% auto;

    text-align: center;

    width: 330px; }

    .full-page .welcome h1 {

      text-transform: uppercase;

      font-weight: 100;

      font-size: 26px;

      margin-bottom: 5px; }

    .full-page .welcome h5 {

      font-weight: 300;

      margin: 0;

      font-size: 12px;

      margin-bottom: 5px; }

    .full-page .welcome form {

      margin-top: 50px; }

      .full-page .welcome form .input-group {

        margin-bottom: 10px;

        -webkit-box-shadow: inset 0 0 10px 0 rgba(0, 0, 0, 0.05);

        box-shadow: inset 0 0 10px 0 rgba(0, 0, 0, 0.05); }

        .full-page .welcome form .input-group .input-group-addon {

          background-color: rgba(0, 0, 0, 0.08);

          -webkit-border-radius: 0 4px 4px 0 !important;

          -moz-border-radius: 0 4px 4px 0 !important;

          -ms-border-radius: 0 4px 4px 0 !important;

          -o-border-radius: 0 4px 4px 0 !important;

          border-radius: 0 4px 4px 0 !important;

          -webkit-transition: all .1s linear;

          transition: all .1s linear; }

          .full-page .welcome form .input-group .input-group-addon i {

            width: 18px;

            color: rgba(0, 0, 0, 0.2); }

            .full-page .welcome form .input-group .input-group-addon i:after {

              border-left: 1px solid rgba(0, 0, 0, 0.15);

              content: "";

              height: 50%;

              margin-left: -25px;

              position: absolute;

              top: 25%; }

        .full-page .welcome form .input-group input {

          background-color: rgba(0, 0, 0, 0.08) !important;

          border: 0 !important;

          -webkit-border-radius: 4px 0 0 4px !important;

          -moz-border-radius: 4px 0 0 4px !important;

          -ms-border-radius: 4px 0 0 4px !important;

          -o-border-radius: 4px 0 0 4px !important;

          border-radius: 4px 0 0 4px !important;

          color: #7d7264 !important;

          -webkit-transition: all .1s linear;

          transition: all .1s linear; }

          .full-page .welcome form .input-group input:focus, .full-page .welcome form .input-group input:focus + .input-group-addon {

            background-color: rgba(0, 0, 0, 0.12) !important; }

        .full-page .welcome form .input-group ::-webkit-input-placeholder {

          /* WebKit browsers */

          color: rgba(0, 0, 0, 0.2); }

        .full-page .welcome form .input-group :-moz-placeholder {

          /* Mozilla Firefox 4 to 18 */

          color: rgba(0, 0, 0, 0.2); }

        .full-page .welcome form .input-group ::-moz-placeholder {

          /* Mozilla Firefox 19+ */

          color: rgba(0, 0, 0, 0.2); }

        .full-page .welcome form .input-group :-ms-input-placeholder {

          /* Internet Explorer 10+ */

          color: rgba(0, 0, 0, 0.2); }

      .full-page .welcome form section.controls {

        text-align: left; }

        .full-page .welcome form section.controls .checkbox {

          padding: 0;

          display: inline-block;

          margin: 0 !important; }

        .full-page .welcome form section.controls a {

          font-size: 12px;

          margin-top: 5px; }

          .full-page .welcome form section.controls a:hover {

            text-decoration: none; }

      .full-page .welcome form section.new-acc {

        margin-top: 20px;

        border-top: 5px dashed rgba(0, 0, 0, 0.1); }

        .full-page .welcome form section.new-acc .btn {

          margin-top: 20px;

          width: 100%; }

  .full-page a.log-in {

    position: fixed;

    bottom: 30px;

    right: 30px;

    color: white;

    opacity: .2;

    font-size: 50px;

    font-weight: 100;

    -webkit-transition: all .1s linear;

    transition: all .1s linear; }

    .full-page a.log-in i {

      font-size: 1.3em;

      margin-left: 20px;

      position: relative;

      top: 6px; }

    .full-page a.log-in:hover, .full-page a.log-in:focus {

      opacity: .8;

      text-decoration: none;

      outline: 0; }



/**************************************/

/************* ERROR PAGE *************/

/**************************************/

.full-page.error {

  color: rgba(0, 0, 0, 0.4); }

  .full-page.error h1.error {

    text-align: center;

    font-weight: 100;

    font-size: 60px;

    margin-top: 10%;

    margin-bottom: 40px; }

  .full-page.error p {

    text-align: center;

    font-weight: 300; }

    .full-page.error p.lead {

      margin-bottom: 0; }

  .full-page.error i.mark {

    display: block;

    position: fixed;

    font-size: 700px;

    opacity: .2;

    width: 100%;

    text-align: center;

    z-index: -1; }

  .full-page.error .controls {

    text-align: center;

    margin-top: 40px; }

    .full-page.error .controls .btn {

      margin-right: 10px;

      margin-bottom: 10px; }

  .full-page.error .search {

    width: 300px;

    position: fixed;

    top: 20px;

    right: 20px;

    -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);

    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2); }



/**********************************/

/************* COLORS *************/

/**********************************/

.cyan-text {

  color: #22beef !important; }



.green-text {

  color: #a2d200 !important; }



.red-text {

  color: #ff4a43 !important; }



.orange-text {

  color: #ffc100 !important; }



.amethyst-text {

  color: #cd97eb !important; }



.white-text {

  color: white !important; }



.black-text {

  color: black !important; }



.cyan-bg {

  background-color: #52ccf2 !important;

  color: white !important; }



.red-bg {

  background-color: #ff7b76 !important;

  color: white !important; }



.green-bg {

  background-color: #a2d200 !important;

  color: white !important; }



.orange-bg {

  background-color: #ffcd33 !important;

  color: white !important; }



.amethyst-bg {

  background-color: #e2c2f3 !important;

  color: white !important; }



.greensea-bg {

  background-color: #1ccdaa !important;

  color: white !important; }



.dutch-bg {

  background-color: #1cbbd2 !important;

  color: white !important; }



.hotpink-bg {

  background-color: #ff3385 !important;

  color: white !important; }



.drank-bg {

  background-color: #d5099c !important;

  color: white !important; }



.white-bg {

  background-color: white !important; }



/********************************/

/************* MISC *************/

/********************************/

.w100p {

  width: 100%; }



.nomargin {

  margin: 0 !important; }



.margin-vertical-15 {

  margin: 15px 0; }



.margin-top-10 {

  margin-top: 10px; }



.margin-bottom-20 {

  margin-bottom: 20px; }



.bottommargin {

  margin-bottom: 5px !important; }



.no-bottom-margin {

  margin-bottom: 0 !important; }



.no-top-margin {

  margin-top: 0 !important; }



.half-opacity {

  opacity: .5; }



.nobottompadding {

  padding-bottom: 0 !important; }



.nopadding {

  padding: 0; }



.w70 {

  width: 70px; }



.padding-15 {

  padding: 15px; }



.margin-15 {

  margin: 15px; }



.img-circle.bordered {

  border: 5px solid rgba(255, 255, 255, 0.3); }



.inline-block {

  display: inline-block; }



.as-table {

  display: table;

  width: 100%; }

  .as-table .tile {

    display: table-cell;

    float: none; }



/**************************************/

/************* RESPONSIVE *************/

/**************************************/

@media only screen and (max-width: 1380px) {

  /* navbar */

  body .navbar .search {

    width: 18%;

    margin-left: 10%; }



  /*submenu*/

  .submenu .nav.nav-tabs > li > a {

    padding: 14px; }



  /* cards */

  .card-container .card .back p {

    font-size: 18px; }

  .card-container .card .back h1 {

    font-size: 12px; }



  /* modals */

  .modal .modal-dialog.wide {

    width: 1000px; } }

@media only screen and (max-width: 1160px) {

  /* navbar */

  body .navbar .search {

    width: 20%;

    margin-left: 5%; }



  /*submenu*/

  .submenu h1 {

    font-size: 18px;

    line-height: 28px; }

    .submenu h1:after {

      width: 8px;

      height: 8px;

      margin: 3px 10px 3px 5px; }

  .submenu .nav.nav-tabs > li > a {

    padding: 14px 8px;

    font-size: 11px;

    line-height: 20px; }



  /* cards */

  .card-container .card .back p {

    font-size: 32px; }

  .card-container .card .back h1 {

    font-size: 14px; } }

@media only screen and (max-width: 1024px) {

  /* modals */

  .modal .modal-dialog.wide {

    width: 860px; }



  /* timeline */

  .timeline > li > .el-container .side {

    width: 100px;

    font-size: 30px; }

  .timeline > li > .el-container .content span.time {

    font-size: 11px; }

    .timeline > li > .el-container .content span.time i {

      font-size: 14px; }

  .timeline > li > .el-container .content h1 {

    font-size: 16px; }



  /* mail */

  .vertical-mail ul.navigation {

    width: 190px;

    left: 0;

    position: relative;

    padding-top: 20px;

    margin-bottom: 0; }

  .vertical-mail ul.inbox {

    left: 0;

    width: 190px;

    position: relative;

    padding-top: 20px; }

    .vertical-mail ul.inbox .msg span p {

      width: 120px; }

  .vertical-mail .mail-content {

    padding-left: 450px; } }

@media only screen and (max-width: 920px) {

  /* navbar */

  body .navbar .search {

    width: 17%; }

    body .navbar .search input {

      font-size: 11px; }

  body .navbar .user-controls ul li a {

    font-size: 10px; }

    body .navbar .user-controls ul li a i {

      font-size: 10px; }

  body .navbar .user-controls ul li .profile-photo {

    width: 25px;

    height: 25px;

    margin: 5px 0; }

    body .navbar .user-controls ul li .profile-photo img {

      width: 25px; }

  body .navbar .badge {

    font-size: 9px;

    padding: 2px 4px; }



  /*breadcrumbs*/

  .breadcrumbs {

    text-align: center; }



  /*submenu*/

  .submenu h1 {

    display: none; }

  .submenu .nav.nav-tabs {

    display: none; }

  .submenu .collapsed {

    display: block; }

    .submenu .collapsed a h1 {

      display: block; }



  /**********************************/

  /************* MODALS *************/

  /**********************************/

  .modal .modal-dialog.wide {

    width: 700px; } }

@media only screen and (max-width: 767px) {

  #wrap #content {

    padding-left: 55px;

    position: relative; }



  /* navbar */

  body .navbar {

    max-height: 60px; }

    body .navbar .navbar-header {

      width: 100%; }

    body .navbar .navbar-collapse {

      width: 250px;

      border: 0; }

    body .navbar .navbar-nav.side-nav {

      margin-top: 0; }

      body .navbar .navbar-nav.side-nav > li.dropdown > ul.dropdown-menu,

      body .navbar .navbar-nav.side-nav > li.dropdown li.dropdown-submenu > ul.dropdown-menu {

        margin-bottom: 0; }

      body .navbar .navbar-nav.side-nav > li a {

        white-space: nowrap; }

      body .navbar .navbar-nav.side-nav #user-status .dropdown-menu {

        position: absolute; }

      body .navbar .navbar-nav.side-nav .collapsed-content .nav {

        margin: 0; }

        body .navbar .navbar-nav.side-nav .collapsed-content .nav > li {

          display: inline-block;

          vertical-align: top; }

          body .navbar .navbar-nav.side-nav .collapsed-content .nav > li > a {

            display: inline-block;

            float: none; }

          body .navbar .navbar-nav.side-nav .collapsed-content .nav > li.tasks {

            margin-left: 120px; }

          body .navbar .navbar-nav.side-nav .collapsed-content .nav > li.quick-action {

            padding: 10px 0 10px 10px; }

          body .navbar .navbar-nav.side-nav .collapsed-content .nav > li.divided .divider.vertical {

            float: none;

            display: none; }

          body .navbar .navbar-nav.side-nav .collapsed-content .nav > li.divided a {

            padding-top: 10px;

            padding-bottom: 10px; }

      body .navbar .navbar-nav.side-nav .collapsed-content li.dropdown.open > a {

        background-color: transparent; }

      body .navbar .navbar-nav.side-nav .collapsed-content li.dropdown .dropdown-menu {

        position: absolute;

        z-index: 999999;

        background-color: white; }

        body .navbar .navbar-nav.side-nav .collapsed-content li.dropdown .dropdown-menu > li > a {

          background-color: white;

          border: 0; }

          body .navbar .navbar-nav.side-nav .collapsed-content li.dropdown .dropdown-menu > li > a:hover {

            background-color: #fcfcfc; }

        body .navbar .navbar-nav.side-nav .collapsed-content li.dropdown .dropdown-menu > li:last-child > a i {

          width: auto;

          line-height: normal;

          border: 0; }

        body .navbar .navbar-nav.side-nav .collapsed-content li.dropdown .dropdown-menu.wide {

          max-width: 300px !important;

          min-width: 160px !important;

          width: 250px !important; }

      body .navbar .navbar-nav.side-nav .collapsed-content li.dropdown.tasks .dropdown-menu {

        left: -165px; }

        body .navbar .navbar-nav.side-nav .collapsed-content li.dropdown.tasks .dropdown-menu.arrow:before {

          left: 178px; }

      body .navbar .navbar-nav.side-nav .collapsed-content li.dropdown.notifications .dropdown-menu {

        left: -204px; }

        body .navbar .navbar-nav.side-nav .collapsed-content li.dropdown.notifications .dropdown-menu.arrow:before {

          left: 218px; }

      body .navbar .navbar-nav.side-nav .collapsed-content li.dropdown.messages .dropdown-menu {

        left: -10px; }

        body .navbar .navbar-nav.side-nav .collapsed-content li.dropdown.messages .dropdown-menu > li > a {

          margin: 10px;

          -webkit-border-radius: 5px;

          -moz-border-radius: 5px;

          -ms-border-radius: 5px;

          -o-border-radius: 5px;

          border-radius: 5px;

          background-color: #fcfcfc;

          -webkit-transition: all .25s ease-in-out;

          transition: all .25s ease-in-out; }

          body .navbar .navbar-nav.side-nav .collapsed-content li.dropdown.messages .dropdown-menu > li > a.cyan {

            background-color: #f4fcfe; }

            body .navbar .navbar-nav.side-nav .collapsed-content li.dropdown.messages .dropdown-menu > li > a.cyan:hover {

              background-color: #e0f6fe; }

          body .navbar .navbar-nav.side-nav .collapsed-content li.dropdown.messages .dropdown-menu > li > a.green {

            background-color: #f9fbec; }

            body .navbar .navbar-nav.side-nav .collapsed-content li.dropdown.messages .dropdown-menu > li > a.green:hover {

              background-color: #f0f5d3; }

          body .navbar .navbar-nav.side-nav .collapsed-content li.dropdown.messages .dropdown-menu > li > a.orange {

            background-color: #fffcf3; }

            body .navbar .navbar-nav.side-nav .collapsed-content li.dropdown.messages .dropdown-menu > li > a.orange:hover {

              background-color: #fff6df; }

          body .navbar .navbar-nav.side-nav .collapsed-content li.dropdown.messages .dropdown-menu > li > a.red {

            background-color: #fff6f7; }

            body .navbar .navbar-nav.side-nav .collapsed-content li.dropdown.messages .dropdown-menu > li > a.red:hover {

              background-color: #ffe2e3; }

          body .navbar .navbar-nav.side-nav .collapsed-content li.dropdown.messages .dropdown-menu > li > a.amethyst {

            background-color: #fdf9fe; }

            body .navbar .navbar-nav.side-nav .collapsed-content li.dropdown.messages .dropdown-menu > li > a.amethyst:hover {

              background-color: #f5e9fa; }

          body .navbar .navbar-nav.side-nav .collapsed-content li.dropdown.messages .dropdown-menu > li > a:hover {

            background-color: #f2f2f2; }

          body .navbar .navbar-nav.side-nav .collapsed-content li.dropdown.messages .dropdown-menu > li > a .message-info {

            vertical-align: top;

            display: inline-block;

            font-size: 11px;

            margin-left: 5px;

            width: 175px; }

            body .navbar .navbar-nav.side-nav .collapsed-content li.dropdown.messages .dropdown-menu > li > a .message-info .sender {

              font-weight: 500; }

            body .navbar .navbar-nav.side-nav .collapsed-content li.dropdown.messages .dropdown-menu > li > a .message-info .time {

              float: right;

              font-weight: 300;

              font-size: 9px;

              color: #b2b2b2; }

            body .navbar .navbar-nav.side-nav .collapsed-content li.dropdown.messages .dropdown-menu > li > a .message-info .message-content {

              white-space: normal;

              margin-top: 3px;

              font-weight: 300; }

        body .navbar .navbar-nav.side-nav .collapsed-content li.dropdown.messages .dropdown-menu > li:last-child {

          border-top: 1px dotted rgba(0, 0, 0, 0.05); }

          body .navbar .navbar-nav.side-nav .collapsed-content li.dropdown.messages .dropdown-menu > li:last-child a {

            background-color: white;

            font-weight: 400;

            font-size: 12px;

            margin: 0;

            -webkit-border-radius: 0;

            -moz-border-radius: 0;

            -ms-border-radius: 0;

            -o-border-radius: 0;

            border-radius: 0; }

            body .navbar .navbar-nav.side-nav .collapsed-content li.dropdown.messages .dropdown-menu > li:last-child a:hover {

              background-color: #fcfcfc; }

            body .navbar .navbar-nav.side-nav .collapsed-content li.dropdown.messages .dropdown-menu > li:last-child a i {

              float: right;

              margin-top: 3px; }

        body .navbar .navbar-nav.side-nav .collapsed-content li.dropdown.messages .dropdown-menu.arrow:before {

          left: 8px; }

      body .navbar .navbar-nav.side-nav .collapsed-content li.dropdown.settings .dropdown-menu {

        left: -125px;

        top: 38px; }

        body .navbar .navbar-nav.side-nav .collapsed-content li.dropdown.settings .dropdown-menu > li > a i {

          border: 0;

          margin: auto;

          width: auto;

          line-height: 20px;

          margin-right: 5px; }

        body .navbar .navbar-nav.side-nav .collapsed-content li.dropdown.settings .dropdown-menu > li > a .badge {

          margin-top: 4px; }

        body .navbar .navbar-nav.side-nav .collapsed-content li.dropdown.settings .dropdown-menu.arrow:before {

          left: 134px; }

      body .navbar .navbar-nav.side-nav .collapsed-content .search {

        float: none;

        width: 225px;

        padding: 0; }

      body .navbar .navbar-nav.side-nav .collapsed-content .user-controls {

        float: none;

        padding: 12px 10px; }

        body .navbar .navbar-nav.side-nav .collapsed-content .user-controls li.settings {

          float: right; }

        body .navbar .navbar-nav.side-nav .collapsed-content .user-controls li .options i {

          margin-right: 0;

          margin-top: 8px; }

      body .navbar .navbar-nav.side-nav.collapsed li.collapsed-content,

      body .navbar .navbar-nav.side-nav.collapsed li.user-status {

        display: none; }

      body .navbar .navbar-nav.side-nav.collapsed.navbar-nav.side-nav {

        width: 40px; }

        body .navbar .navbar-nav.side-nav.collapsed.navbar-nav.side-nav > li.dropdown > ul.dropdown-menu,

        body .navbar .navbar-nav.side-nav.collapsed.navbar-nav.side-nav > li.dropdown li.dropdown-submenu > ul.dropdown-menu {

          min-width: 40px; }



  /* modals */

  .modal .modal-dialog.wide {

    width: 460px;

    margin: 10px auto; }



  /* table */

  .table-responsive {

    border: 0;

    overflow-x: auto; }



  /* timeline */

  .timeline {

    padding-top: 50px; }

    .timeline > li {

      clear: both;

      float: none;

      width: 100%;

      z-index: 2;

      margin-bottom: 50px; }

      .timeline > li > .el-container {

        margin: 0 !important; }

      .timeline > li:nth-of-type(odd):after, .timeline > li:nth-of-type(even):after {

        border-bottom: 10px solid;

        border-bottom-color: white;

        border-left: 10px solid transparent;

        border-right: 10px solid transparent;

        left: 50%;

        margin-left: -10px;

        right: auto;

        top: -20px; }

      .timeline > li:nth-of-type(odd) > .pointer, .timeline > li:nth-of-type(even) > .pointer {

        left: 50%;

        margin-left: -12px;

        right: auto;

        top: -38px; }

      .timeline > li:nth-of-type(odd).color.red:after, .timeline > li:nth-of-type(even).color.red:after {

        border-bottom: 10px solid;

        border-left: 10px solid transparent;

        border-right: 10px solid transparent;

        border-bottom-color: #ff4a43; }

      .timeline > li:nth-of-type(odd).color.cyan:after, .timeline > li:nth-of-type(even).color.cyan:after {

        border-bottom: 10px solid;

        border-left: 10px solid transparent;

        border-right: 10px solid transparent;

        border-bottom-color: #22beef; }

      .timeline > li:nth-of-type(odd).color.green:after, .timeline > li:nth-of-type(even).color.green:after {

        border-bottom: 10px solid;

        border-left: 10px solid transparent;

        border-right: 10px solid transparent;

        border-bottom-color: #a2d200; }

      .timeline > li:nth-of-type(odd).color.orange:after, .timeline > li:nth-of-type(even).color.orange:after {

        border-bottom: 10px solid;

        border-left: 10px solid transparent;

        border-right: 10px solid transparent;

        border-bottom-color: #ffc100; }

      .timeline > li:nth-of-type(odd).color.amethyst:after, .timeline > li:nth-of-type(even).color.amethyst:after {

        border-bottom: 10px solid;

        border-left: 10px solid transparent;

        border-right: 10px solid transparent;

        border-bottom-color: #cd97eb; }

      .timeline > li:nth-of-type(odd).color.greensea:after, .timeline > li:nth-of-type(even).color.greensea:after {

        border-bottom: 10px solid;

        border-left: 10px solid transparent;

        border-right: 10px solid transparent;

        border-bottom-color: #16a085; }

      .timeline > li:nth-of-type(odd).color.drank:after, .timeline > li:nth-of-type(even).color.drank:after {

        border-bottom: 10px solid;

        border-left: 10px solid transparent;

        border-right: 10px solid transparent;

        border-bottom-color: #a40778; }

      .timeline > li:nth-of-type(odd).color.hotpink:after, .timeline > li:nth-of-type(even).color.hotpink:after {

        border-bottom: 10px solid;

        border-left: 10px solid transparent;

        border-right: 10px solid transparent;

        border-bottom-color: #ff0066; }

      .timeline > li:nth-of-type(odd).color.dutch:after, .timeline > li:nth-of-type(even).color.dutch:after {

        border-bottom: 10px solid;

        border-left: 10px solid transparent;

        border-right: 10px solid transparent;

        border-bottom-color: #1693a5; }



  /* mail */

  .vertical-mail .mail-content {

    padding-left: 240px; }



  .horizontal-mail ul.navigation {

    width: 100%;

    position: relative;

    left: 0; }

  .horizontal-mail .inbox {

    width: 100%;

    margin-left: 0; }

  .horizontal-mail .mail-content {

    position: relative;

    width: 100%;

    padding-top: 20px;

    padding-left: 20px; }



  /* login */

  .full-page {

    position: fixed !important;

    width: 100%;

    height: 100%;

    padding: 0 !important; }

    .full-page.error h1.error {

      margin-top: 20%; } }

@media only screen and (max-width: 479px) {

  /*breadcrumbs*/

  .breadcrumbs ol.breadcrumb > li {

    font-size: 11px; }



  /* modals */

  .modal .modal-dialog.wide {

    width: 90%;

    margin: 10px auto; }



  /* cards */

  .card-container .card .back p {

    font-size: 18px; }

  .card-container .card .back h1 {

    font-size: 12px; }



  /* typography */

  .large-thin {

    font-size: 26px !important;

    font-weight: 100 !important; }



  .big-thin {

    font-size: 24px !important;

    font-weight: 100 !important; }



  .medium-thin {

    font-size: 14px !important;

    font-weight: 100 !important; }



  .small-thin {

    font-size: 12px !important;

    font-weight: 300 !important; }



  /* mail */

  .vertical-mail ul.navigation {

    width: 100%; }

  .vertical-mail ul.inbox {

    width: 100%; }

    .vertical-mail ul.inbox .msg span p {

      width: 90%; }

  .vertical-mail .mail-content {

    position: relative;

    width: 100%;

    padding-top: 20px;

    padding-left: 20px; }



  /* login */

  .full-page .welcome {

    width: 90%; }

  .full-page.error h1.error {

    margin-top: 30%; }

  .full-page.error .search {

    width: 90%; } }

